Incredibly Easy Layouts with CSS Grid

The concepts of "implicit" and "explicit" explained — and what they mean in CSS Grid. Jen shows you how to do a common responsive image gallery in just two lines of code, using `grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))` and zero media queries.

Rachel Andrew's video explaining auto-fit vs auto-fill: https://gridbyexample.com/video/serie...

• #science_technology
• #design
• #css
• #css_grid
• #layout
• #auto_fill
• #grid_auto_fit
• #grid_auto_fill
• #grid_template_columns
• #grid_template_rows
• #grid_auto_fit
• #grid_auto_fill
• #auto_fill
• #minmax
• #grid_container
• #graphic_design
• #jen_simmons
• #mozilla
• #firefox
• #developer_tools
• #devtools
• #developer_relations
• #flexbox
• #fonts
• #css_grid
• #css
• #flexibility
• #resilient_css
• #responsive_website
• #responsive_design
• #css_grid_layout
• #responsive_web_design
• #resilient_web_design
• #web_design
• #easy_layout
• #css_layout