Conquering Responsive Layouts: courses.kevinpowell.co/conque...
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: • CSS em and rem explain...
min(), max(), and clamp(): • min(), max(), and clam...
exploring gap: • Gap in flexbox & how t...
GitHub Repo: github.com/kevin-powell/respo...
Zell's look at media queries with em: zellwk.com/blog/media-query-u...
/// 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
💬 / discord
---
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - 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 KZitem channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: 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!
Негізгі бет Responsive design made easy
Пікірлер: 535