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!
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
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.
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.
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!💯 ❤
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!
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 🙏
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
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 😅
I was pondering tables the other day and thought I'd come and have a gander here, you should definitely do a responsive table video. They can be a pain but there are times where tables are needed for information and the CSS behind them would be pretty interesting.
@@KevinPowell wicked 🙂 I do enjoy your videos, firmly believe there is always something new to learn or improve on and you always have something different to show 🙃
Hey Kevin, I love your videos and this one is super useful for what I'm doing at work right now. May I suggest reducing the size of your talking head bubble? It often blocks the content.
Wow, I love it and saves so much time on creating media queries. Also, I like the new format Kevin. i.e. rather than type in every command, you just jump forward. Much better. George
The min hack on auto grid is awesome. I usually use media queries there and have a different template columns for smaller devices but now I can just write less code. 😁
Fascinating video on youTube I have barely seen, and this video is the one. Your every css lessons made me think regarding css even in my busy schedules. Thank you to bring this kind of things to us.
I'm having to maintain codes in which the previous dev used margin: -x to arrange things... I told my teammate that's not how CSS works and you should just go take up Kevin's course... Thank you!
Flex is really simple, but it will usefull when build a simple design or for quick positioning block. Then, grid is a bit hard to deal with it at first, but it really more usefull to build a spesific or complex design.
it’s so cool to look at one of your videos realizing that i know everything you are explaining. i came up with the same solutions during coding, had the same hacks. that’s really uplifting. maybe i’m better skilled and have greater knowledge and understanding than i thought. thank you for that. and thank you for that video, putting that all in one place.
i have also been using: minmax(min(100%, 25rem), 1fr), a lot but i recently switched to just using minmax(0, 25rem), i mean its not the same but does the job, and a lot more clean
Вітання панові Кевіну з України, Ваші відео допомогають мені та полегшують навчання. Greetings to Mr. Kevin from Ukraine, your videos help me and make my studies easier.
I really enjoy watching your video i have learned a lot Now i'm challenging myself to download all your Videos you ever created to my phone and keep it for learning purpose and in case i may have a student in the future your videos will really help a lot. Ones I make all the downloads I will create a short video and tag u
Guys i learned responsive design with their conquering responsive layout.. If u have any problem to building responsive website so i believe (CRA) course is mandatory for you
Yeah, been mucking around with websites since the late 90s, and been teaching it over a decade. Experience goes a long way, and teaching it helps get into it deeper
Hi, thank you for a great video. Could you please make a video about tips on how to create an eco-friendly sustainable website? Now they are becoming highly requested among the clients. Thanks.
Well, the main thing would probably be keeping them simple and light-weight, I'm guessing... The more heavy lifting to fancy effects that the browser has to do, the more resources it will use. I'd be really curious on checking the power consumption of websites, not something I've ever looked into and I'm not even sure how to accurately test that. I think, in general, the difference would be pretty small, and it might be more of a marketing thing, but I'll see if I can't dig anything up to.
I wish grid would make it easier to define that you want columns counts of certain sizes only - like only allowing snapping between 8, 4, 2 and 1 while disallowing 5,6 and 7. This comes up often when trying to align logos and you don't want, say, 6+2 items, but only 8 or 4+4 or 2+2+2+2... So far, I've not found any solution other than media queries (and container queries in the future).
Thanks, Kevin for another great video! Question in regard to the reel demo. What if each horizontally scrolled section do not share the same height? One section has a lot of content causing the other sections to be comparatively empty. Thanks again for your good work.
hi. Kudos!. In the main-sidebar example, can you explain why the sidebar got so squashed up by the main in flex mode? I was expecting them to shrink at the same rate since there shrink is both 1 and their size is auto. Why is the side bar width so shrunk to min-content?
I have a question, is there a standard on how to set text sizes? Right now I am looking at each section at each breakpoint and use media queries to adjust the text sizes but there has to be a better non time consuming way of doing it
Hi Kevin, thx for this Tutorial. I have a Question: How I can solve this with multiple Rows ? (I need a static Count of Columns but flexible Rows in a scroll Container). On Desktop it works but on mobile the Columns gives right a large Offscreen Space... :( many Thx)
Thank you for this video! My only problem with CSS is that a lot of time you need to do this "hackery" things and I would like instead to have standards ways of doing pretty much anything I need. That's why along side learning CSS, I also design my own markup language that will be used as a GUI libraries to create native apps that would also be able to be searched through the internet and be integrated into other apps. It will takes years but once it's out, it will be awesome!
I took a moment to say there's nothing wrong with media queries, but it's nice when we can have simple solutions that don't use them. Less code means less maintenance, and if I can make the browser figure things out for me, all the better 🙂
@@KevinPowell Thanks Kevin, the way I have been working recently using media queries actually uses my strengths and saves time. But find out new ways is the great thing. It's one of the things i love about css, there is usually multiple ways to get to a possible solution. Thanks Kevin.