What's the deal with height: auto?

When I made my video on width: auto vs width: 100%, a lot of people asked me about height, so here we are!

#css

--

Come hang out with other dev's in my Discord Community

---

Keep up to date with everything I'm up to

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[CodingNuggets]

Love when you cover anything CSS. I feel like I level up a little with each video. Thanks Kevin!

[TKYasser]

Daamn, I'm sure you are better with CSS than the CSS creator himself xD

[adithyas]

Ever since I've subscribed, it seems I am getting more and more better at CSS, please keep this up! RESPECT 100

[modelshipwrights]

As usual I sort of know this but it's great to have it all confirmed and clarified - and also as usual (shouldn't be surprised by now) learnt some stuff I didn't know. Great stuff Kevin - keep 'em coming!

[mohan]

You simplify the complex topics and makes very easy to understand :)

[ragnarlothbrook]

Useful stuff. I really dig this kind of short and 'to the point' vids you make.

[Minu_Shalom]

Hi Kevin! Thank you for this perfectly explained topic. I would be excited to watch a video from you about how to set a border with a radius and linear-gradient for a form input element. Keep up your excellent work :)

[elahhaz]

Thanks for making these videos, very good at explaining what properties are and what they do, with simple examples .. too many makes videos are focused on a design goal and what (multiple) css properties to use for that, rather than what individual property does, those gets complex by default and harder to wrap your head around, why they get the result that they do. So Thank You!

[fahimmahmud]

Hi Kevin, first a big big big thank you for everything!
Then, your line when you showed that the body is actually the area with all the contents and not the entire viewport was a eye-opener for me. I have always thought that the whole browser window was the body because setting the background-color to body would fill up the whole viewport. But you said that it overflows with that border example. This helped me with one of my problem with centering an element.

[venkatmani]

It is really wonderful to see your explanation which will clear lot of questions around min-height and height.

[OmniscientIgnorance]

You really are the CSS king! Love your videos so much.

[levelasian]

Hey Kevin, great video! It would be great to see that video about the behavior of height/ width: auto in a Flexbox/ grid context !!!

[resty]

Always get indepth pro tips from your channel, big thank!

[ne]

Thanks! I was running into some problem with heights, thanks for clearing things up for me!

[otmanm]

I really love these kind of videos. Really thanks for all the content.

[diegoraffa]

Hi Kevin!
You are awesome!
Looking forward your live on Scrimba and your Sass course in future.😁

[antjeplatte]

I looked in a lot of sites to understand that, but here I found the answer :-) Next time, I will look in your channel first!

[matrixdeterminant]

Thanks Kevin!!! Your videos are extremely helpful!

[louisgamor]

Kevin is undeniably the BEST. He's like the Boyka in the CSS Ring 😍

[sebacamposdev]

thanks for the video. And yeah this video needs a part 2 with grid and flexbox