[TeamTreeHouse] CSS Grid Layout
111-minute CSS Course
About this Course
CSS Grid Layout provides a built-in, more efficient way of designing grid-based layouts in the browser. It brings a new set of properties, functions and flexible units that let you control the exact placement and sizing of grid components.
What you’ll learn
- Declaring row and column tracks
- Setting gutters between rows and columns
- Creating flexible and responsive grid layouts without media queries
- Using Grid with Flexbox
Introducing Grid Layout
Grid Layout provides a set of properties, functions and flexible units that let you control the sizing, positioning and spacing of content. You can build layouts faster and more easily than any layout tools you’ve relied on in the past.
Flexible Sized Grids
Grid Layout introduces new features that adapt content to available space and intelligently size and position items within a grid container. This supports responsive design and makes it easier to create layouts that work in a variety of different browser sizes, without the use of media queries.
Going Further with Grid Layout
Learn alternate methods for positioning items on the grid, and tools, features and concepts that will make you a stronger developer of grid layouts.
Created By Guil Hernandez
Size: 130.05 MB