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
Watch video Responsive Layouts with CSS Grid and Container Queries! w/ Stephanie Eckles online without registration, duration hours minute second in high quality. This video was added by user Alex Trost 24 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,588 once and liked it 112 people.