Responsive Layouts with CSS Grid and Container Queries! w/ Stephanie Eckles
Stephanie Eckles teaches us how to make a Food Menu with CSS Grid, container queries, CSS functions, aspect-ratio, and more!
It was streamed live on Twitch so make sure you're following to catch it live next time!
/ trostcodes
Note, you'll need Chrome Canary with the Container Queries flag turned on for this to work. Check out the component here: https://codepen.io/5t3ph/pen/OJpYWyK
Chapters:
0:00 Intro
3:23 Introducing Steph
7:40 Review Boilerplate
15:10 Style Cards with CSS Grid
35:05 Create menu grid
43:48 Add Container Queries
1:15:57 Alternate Layout
Steph's links
Stephanie's Website: https://thinkdobecreate.com/
Stephanie's Twitter: / 5t3ph
Modern CSS Solutions: https://moderncss.dev/
Style Stage: https://stylestage.dev/
Smol CSS: https://smolcss.dev/
Stephanie's workshop: https://smashingconf.com/online-works...
Broadcasted live on Twitch -- Watch live at / trostcodes
Смотрите видео Responsive Layouts with CSS Grid and Container Queries! w/ Stephanie Eckles онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Alex Trost 24 Июнь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,588 раз и оно понравилось 112 людям.