Dynamic horizontal scrolling based on the amount of content

#css

--

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

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

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!

[saidakhrarov]

Kevin, you have been consistently teaching me new things ever since I've discovered your page. I've now almost ten years of experience in full-stack software development, and I always leave your videos learning something new. Thank you for your content - you are a pillar of the YouTube/CSS community.

[avi]

Holy cow, did you read my mind? I had just implemented today a horizontal scroll component and this video came just in time

[whistlerbrad]

Thanks for posting this video Kevin. Always helpful to review the logic and issues we might face with CSS

[DennisTheZZZ]

So, basically:
min-height/min-width = how high/wide *should* an element at least be?
max-height/max-width = how high/wide *can* an element be?
height/width = how high/wide *is* an element?

[NSKolazar]

To be real, this is good to learn as i didn't even know that sort of thing can be done (i'm still very much a newbie in all this), but what i love in your videos on these kinds of topics is that i find new tricks. What i mean is i never knew i could just type for example "p*10>lorem" to make 10 paragraph tags with lorem text in it. So now i can do assignments even quicker.

[mhewson]

This was next on my list! now to dynamically add user controls based on overflow - thanks!

[CharlieThorstenson]

I really enjoy this “friendly” approach on videos. Great as always Kevin!
Does anyone have tips on similar channels for JavaScript? Friendly and not those over-hyped guys…

[MrJettann]

Kevin, let's make some interesting horizontal layout to get inspiration and the idea of how to build horizontal scrolling website

[toddcamnitz]

May as well ask a true css expert: can you think of a *css-only* way to style <select> conditionally by the <option> the user chooses? I’ve landed on “this is not possible without js.” For the sake of argument, let’s say the css-only constraint is a hard constraint imposed by the tech stack (actually true.)

[gudelvechio]

Thank you Kevin!! Very good. Please, how would you hide this horizontal scrollbar, but continue scrolling, like a Netflix or Disney+ row of movies? Is it possible in a simple way that works on all modern browsers? I got this result by absolute positioning the inner div and moving a little down this entire inner div. With outer div positioned as relative and overflow set to hidden, the horizontal scrollbar gets hidden down the outer div. To compensate the position, I used the negative margin-top to outer. Works well, but looks more an workaround than a simple solution!!! Thank you a lot!

[intsfanatic]

I dont understand why the outer and inner. Just apply height 100%, overflow-y hidden and overflow-x auto to the body itself. No need for vh units either.

[Royal-]

Hi Kevin, could you please tell me can we get all spacing details at once in a web page? Is it margins or paddings..

[parenteseswebdev]

Be handy to know how discord works as I havn't a clue. Can you do a video as I can't understand it.

[probaye]

another video, another self-imposed obstacle gone!

[aum]

Off to Google about "svh" brb