Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts
Creating responsive sites can be a bit of a pain in the butt at times, but if you take it from a certain approach, you can make your life a lot easier
/// Links
Em vs Rem: https://youtu.be/_-aDOAMmDHI
min(), max(), and clamp(): https://youtu.be/U9VF-4euyRo
exploring gap: https://youtu.be/VvqyUUROmJw
GitHub Repo: https://github.com/kevin-powell/responsive-made-easy
Zell’s look at media queries with em: https://zellwk.com/blog/media-query-units/
/// Timestamps:
00:00 – Introduction
01:27 – Starting the project
11:21 – Setting up the custom properties
14:56 – Basic styling
24:08 – Starting the layout
33:03 – Adding complexity
#css
Thanks to Vlogbrothers for their sponsorship of this video!
—
Come hang out with other dev’s in my Discord Community
๐ฌ https://discord.gg/nTYCvrK
—
Keep up to date with everything I’m up to
โ https://www.kevinpowell.co/newsletter
—
Help support my channel
๐จโ๐ Get a course: https://www.kevinpowell.co/courses
๐ Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
๐ Support me on Patreon: https://www.patreon.com/kevinpowell
—
My editor: VS Code – https://code.visualstudio.com/
—
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.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
—
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
source
Any opinions on the new keyboard? It's a lot louder. I love it, but very curious about your thoughts regarding the clickiness of it.
Hi Kevin! – Just want to let you know that your video on "Having fun with CSS – styling stylestage", literaly saved me from quitting on my true passion for web dev. Ever since, I have literally been watching all of your videos and, man! I just love each and everyone of them.
Thank you so much for sharing such great knowledge and giving us such high quality content! <3
I have to reload my browser to get it to refresh. How does one get to refresh automatically.
really appreciate all the work you put into these brilliant tutorials. I'm a backend dev trying to go full-stack and your vids are helping me a bunch
17:30
why did you set the font-size: 1.3125rem; on the body?
design requirement?
what is the proper way to set font sizes?
I really appreciate this video man! If you can I would love to see how you implement more complex designs, as the one that you show in the video is relatively simple
We really appriciate that you include html part also, because we learn best practices from you kevin. So HTML best practices and css helps us a lot. Thanks.
You are a gem. Thank you ๐
You're a lifesaver, Kevin! This video is exactly what I was looking for and it perfectly explained how to tackle the structure of a real website.
I am a fullstack for 6 years now and still find so many useful tips from your videos. Your content is extremely helpful, thank you
I took the CRL course and it was great. In regards to doing mobile first, I often get confused as to which is which when I'm scrolling through my code. I am so used to doing desktop first that it is my unconscious default. However, even after I made commented titles to each section of code, I still make mistakes to one block of code that I think is mobile when it is desktop and vice versa. Maybe this is just something that I will adapt to after more coding this way.
Amazing โค
Finally, someone that actually explains his thought process during the entire journey. Your videos on frontend topics are a godsend. Thank you so much!
You are a wizard๐
Odam da spiam oti sym na rabota vo geterym amerikaska kopania priatno mohen gogel. Prevot date na agliski gogel
a very helpful video for me.
i need to watch this video everyday
I am very glad to find your channel. Learn a lot about CSS, specially the transition from Css to Html.
Hopefully more from this stuff. Maybe design from Figma to Html? Many thanks.
Hey Kevin! I tried to enroll you free course but the website isn't working! Is it just me?
Thanks Kevin.
Can you share the psd design? Thanks
With good heart thanks for saying the html n css tricks that no 1 says
Super man
You are a time-savior person….whenever I get stuck I come to your videos.. bcz I know, no one has better solution than you! thanks a million from India! gonna apply your strategy now๐
Really good explanation. Had fun doing CSS, many thanks!
i love you so much
This is a fantastic tutorial, learned a lot.
This is very eye opening.
I really like that you talk in a casual fashion for plain comprehension purposes. As a beginner I think explaining how things work first before jargoning is more important to me when learning as a newbie. The lingo of developers always throws me off.
The kind of video that makes us wish to have a "super like" button in You Tube!
Why create a container class with "margin-inline: auto" instead of using the left and right padding on the section selector?
11.20
Love your content and the way you look and talk to the wrong camera.
Nice to have you Kevin.
This was an OUTSTANDING VIDEO Kevin, thank you so much for this! ๐
Thank you so much. Hope you do more css with html
gonna the 21 day challenge thanks