CSS Grid for beginners

Learn how to use CSS grid for building layouts, step-by-step, with this beginner friendly tutorial. 💥 Want to learn how to build a website from scratch? Check out my course: https://coder-coder.com/responsive Source code: https://github.com/thecodercoder/css-layout/tree/main/06-grid ____________ 💻 LEARN TO CODE 💻 MY COURSE: 🟢 Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/responsive RECOMMENDED RESOURCES: Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!) 🔷 Frontend Mentor Pro -- Get 20% off 1-yr of Frontend Mentor Pro with my code JESSCHAN20 -- https://www.frontendmentor.io/?via=jesschan 🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER OTHER STUFF: 🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 🟢 Coder Coder Merch -- get my hoodie, coffee cup, and more! -- https://coder-coder.com/merch SOCIALS: https://twitter.com/thecodercoder https://www.instagram.com/thecodercoder ____________________ 0:00 - Intro & Setup 2:07 - Create a grid container 4:33 - grid-auto-flow 5:34 - grid-template-columns & grid-template-rows 7:00 - explicit & implicit grid 10:16 - fr unit 12:37 - repeat() function 13:27 - grid-column & grid-row lines 20:41 - grid-template-areas 24:55 - justify-items, justify-self, justify-content 28:47 - align-items, align-self, align-content 31:32 - place-items, place-content #css #javascript #html