Useful & Responsive Layouts, no Media Queries required

Here’s 5 quick responsive layouts that you can use, without any media queries!

There’s nothing wrong with media queries, and we still need them sometimes, but these can be really handy in the right situation!

🔗 Links

⌚ Timestamps
00:00 - Introduction
00:13 - The Cluster
01:10 - Nothing wrong with media queries
01:47 - Auto-grid
03:00 - Flexible grid
03:33 - Reel
05:41 - Do you struggle with responsive layouts?
06:12 - Main with sidebar

#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!

[KingTMK]

I usually don't comment, but I just wanted to say that this is such a great and eye-opening video when it comes to tackling very common problems with responsiveness. I appreciate it tons, so thanks for this!

[mdaS]

My english is not good but I benefit from your channel a lot

[RbyLearning]

This repeat(auto-fit, minmax(min(200px, 100%), 1fr) is life changing. I was facing this problem in my current project and you helped me fix it. THANK YOU SIR

[vitfirringur]

I stumble into some of your shorts and while I've been doing frontend dev for years, and feel like I can solve most CSS problems or implement most layouts, watching your videos is a humbling experience. I might as well not know CSS. Thanks a lot for the great content.

[iburu]

The last part with the side bar was exactly what what I've been struggling with for the last couple of days and now I've found the solution. Thank you Kevin.

[VasilyPavlik]

After EVERY your video I have irresistible desire to rewrite at least a quarter of my current project. And a half of previous ones.

[Tranqvilier]

I took Kevin’s course and it was great. It gave me a structured overview of responsive design. Can’t recommend it enough ❤

[mrez]

I have been a member for a month now and your videos helped me solve problems that i have been strugling with, for that i thank you
You are a great mentor, always on the point!💯
❤

[obsessedprogrammer]

I recently worked on a large project and I happened to blend most of these layout tools together(also media queries), and the result was astonishing. Thanks, Kevin!

[MrKOHKyPEHT]

It is really cool that in such short video all most common cases considered. Extremely helpful and useful. Thanks

[angshumanburagohain]

Kevin doesn't disappoint when it comes to HTML & CSS. He teaches exactly what we need. I have learned a lot watching his videos and I am still learning and implementing it in real time projects. Thank you Kevin for making these videos it's really really helpful 🙏

[composernotes]

Thanks Kevin, this is such a clear summary of the best of flex and grid, I will be showing this to my web class next week!

[blackpurple]

Never thought of making those flex-wrap divs for tags/navs like that, this is actually what I wanted to figure out, thanks a lot

[rajkiranchaudhary]

I often get issue when using flex-wrap. This video really helped me.. amazing as usual

[seanszarkowicz]

These types of videos are amazing - great job. Love the detailed explanations with the possible pitfalls and solutions to those pitfalls !! Keep up the great work

[Saleca]

Great stuff, thanks for sharing really like the scroll aligned and the cluster with the items "justified" but except the last example nothing beats media queries 😅

[paulsisson]

I’m finishing up a React course right now and as soon as I’m done, I’m diving into CSS Demystified. Can’t freaking wait.

[octothorpe]

Another big shoutout for Every Layout. I *constantly* go back to that to try and get my developers to learn to love the cascade.

[henrythomas]

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

[Atractiondj]

Last layout trick with the sidebar very must have for me, I eliminated 2 media queries and 50 strokes of code