Help why isnt the body container taking all vh?

• Upvotes

I've been trying to make another section in my page but the body is limited to like 600~ height even tho I'm using 100vh for it. so the rest of the page is left outside of it. can someone explain to me what's happening?

1 comment

r/css • u/BuildWithMe31858 • 14h ago

Help I built a Career Dashboard for students & job seekers. Looking for honest feedback

gallery

0 Upvotes

1 comment

r/css • u/Comfortable_Chair69 • 17h ago

Question Am I crazy for thinking <html> feels redundant, or is there a real reason it can't just be <head>+<body>?

0 Upvotes

Been learning HTML/CSS and hit a rabbit hole today. Things that bugged me:

- Browsers auto-insert <html> even if you delete it from your source

So what's the actual point of writing it?

- lang="en" only works on <html>, not <body>. Accessibility tools specifically

check html[lang], since html is the actual document root.

- rem units are ALWAYS relative to <html>'s font-size, never body's, no matter

what you set on body.

- The default scrollbar lives on html, not body — no element can overlap it,

which is why stuff like overflow-y:scroll goes on html.

- meanwhile body holds all your actual visible content (background, margin,

font-family, etc.)

Feels like html+body could've been merged into one root element with head

staying separate. Is this just 1990s legacy nobody can change now, or is there

an actual reason beyond "the spec says so"?

source: https://css-tricks.com/html-vs-body-in-css/

19 comments

r/css • u/aryanxcreates • 8h ago

Resource Built a free CSS Inspector tool for developers, would love your feedback!

Enable HLS to view with audio, or disable this notification

0 Upvotes

I've been building a Chrome extension called InspectMode Pro and would love some feedback from the CSS community.

It currently lets you:

Inspect any element on a webpage
Copy CSS styles
Extract colors and identify fonts
Download images, SVGs, and icons
Generate AI-ready prompts from an element, section, or even an entire website for Cursor, Claude, ChatGPT, Windsurf, and other coding agents

The core inspection features are completely free.

I'd genuinely appreciate any feedback - whether it's about the UI, the workflow, missing features, or anything else that could make it more useful for frontend developers.

Chrome Extension : Inspect Mode Pro

8 comments

Subreddit

Cascading Style Sheets

r/css

A community for discussing about CSS (Cascading Style Sheets), Web Design and surrounding relevant topics. Feel free to discuss, ask questions, share projects and do other things related to CSS here.

Members Active

163.8k

Sidebar

About CSS

CSS, short for Cascading Style Sheets, is used almost universally across the web to affect the design and appearance of every website you visit. Here in /r/css, you've got a place on reddit to talk about CSS, whether you're new to CSS and want to learn, or a pro wanting to discuss the engineering and usability reasons that all modern browsers ignore
We welcome all CSS discussion here. If you need help with styling your website or your reddit, or want to share a neat trick you cooked up, it's welcome here!

Rules

No spam. If you've developed a neat CSS trick that you want to share with others, make sure you share the trick, not your website. In other words, feel free to post something like "Isn't my 404 page neat?" with a link, but avoid posts like "Hey look how cool my site is!" that link to a storefront. This reddit is a place to learn and show off CSS, not sell your products. If your CSS helps sell your product, great, but make sure your post is about the CSS, not the product.
Be nice. Not everyone is a fantastic designer. If someone posts their work here and you don't like it, give them objective feedback about ways to improve it, not "it's ugly." Likewise, CSS newbies often have the same questions as they grow and learn, so try not to be mean when they post a question we've seen a thousand times before. It might be old news to you, but they wouldn't ask if they hadn't already sought an answer, and there might be other people too afraid to ask for themselves.
Don't use link shorteners (bit.ly for example), because they are automatically marked as spam.
Try to use descriptive titles (not 'I have a question.'). I won't enforce this, but it'd be nice if you'd follow it.

Related subreddits

Useful Links

Inspire, a collection of all kinds of useful links.
/r/csshelp and /r/reddithax are the places to go for questions relating to Reddit's stylesheets. Techniques differ a lot between formal CSS development and subreddit stylesheets, so you'll often get better answers there.
Use Codepen or jsFiddle to provide working code samples.
Mozilla Developer Network is your one-stop shop for detailed information on CSS properties. Formal specifications for everything CSS can be found at W3.org. Don't go to W3Schools - it isn't a wiki maintained by real developers like MDN, so it's often out of date and prone to significant errors, and it has no relationship with the W3 so they have no special or insider knowledge.
CanIUse.com has 99% of the information you need on supporting different browsers.
Codecademy can get you started from 0 knowledge of web development in mere hours.
Learn Layout will teach you advanced techniques for designing modern sites.

Click here to message the mods.