Creating rows with CSS Grid: grid-template-rows VS grid-auto-rows

Learn about the difference between ‘grid-template-rows’ and ‘grid-auto-rows’ and the explicit and implicit grid. Click “show more” for links to extra resources and examples.

Codepen example: codepen.io/christinatruong/pen/RwxOoxX
MDN docs:
developer.mozilla.org/en-US/docs/Web/CSS/grid-auto…
developer.mozilla.org/en-US/docs/Web/CSS/grid-temp…

-----------------------------------------------------------------------------------------
✊🏼 SUPPORT THE CHANNEL
Grab my 11-page CSS Selectors Reference Guide (PDF), grab some CSS merch or contribute to my coffee fund!
☕️ ko-fi.com/christinatruong/shop
🛍️ madeby.christinatruong.com

-----------------------------------------------------------------------------------------
👀 CHECK OUT MY COURSES!
If you're looking to start a career in web development or refresh your knowledge, check out my courses. Signup below for a 1 month free trial OR check with your local public library or university. Many offer free access!

⭐️ CSS Essential Training - christina.fyi/css
⭐️ CSS Layouts: From Float to Flexbox and Grid - christina.fyi/css-layouts
⭐️ Getting Your First Job as a Web Developer - christina.fyi/dev-jobs
⭐️ Programming Foundations: Version Control with Git - christina.fyi/git
⭐️ CSS: Design Systems and Architectures - christina.fyi/css-design-systems
⭐️ Getting Your Website Online - christina.fyi/website-online
⭐️ Workflow Tools for Web Developers - christina.fyi/workflow-tools

-----------------------------------------------------------------------------------------
📚 READ MY MONTHLY NEWSLETTER

Subscribe on Substack: bychristina.substack.com/
Subscribe on LinkedIn: www.linkedin.com/newsletters/decoded-by-christina-…

-----------------------------------------------------------------------------------------
👋🏼 FOLLOW
twitter.com/christinatruong
instagram.com/christina.is.online
linkedin.com/in/christinatruong

#DecodedByChristina #HTML #CSS