How to make full bleed wrappers with CSS grid

Опубликовано: 03 Сентябрь 2024
на канале: Coder Coder

18,544

794

🔥 Learn how to build a responsive website from a Figma design with HTML, Sass/SCSS, JS ➡️ https://coder-coder.com/responsive/

😎 Join the Coder Coder Club and get sneak peeks of videos: https://courses.coder-coder.com/p/club

📌 Resources mentioned:
Kevin Powell --    • A new approach to container and wrapp...
Stephanie Eckles - "Smol Intrinsic Container" -- https://smolcss.dev/#smol-container
Josh Comeau - "Full-Bleed Layout Using CSS Grid" -- https://www.joshwcomeau.com/css/full-...

▶️ Coder Coder Builds video (my 2nd channel!) --    • Building a Product Landing Page with ...
Frontend Mentor Challenge: https://www.frontendmentor.io/challen...
My source code: https://github.com/thecodercoder/full...

0:00 - Wrappers
1:21 - Max-width wrapper
2:37 - Min() function wrapper
5:33 - Wrapper inside parent element
6:34 - Full bleed grid wrapper
9:06 - Full bleed grid wrapper with grid columns
19:10 - Add gap
32:17 - Add CSS custom properties

____________________________

✉️ Want to get emails about new videos, course sales, and other web dev news? Sign up here: https://coder-coder.com/subscribe/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/af...

OTHER STUFF

👕 Get my hoodie here: https://coder-coder.com/merch

🎨 Get my VS Code theme: https://marketplace.visualstudio.com/...

🔽 FOLLOW ME

Twitter --   / thecodercoder
Instagram --   / thecodercoder

#css #javascript #html