Build Complex Layouts with CSS Grid Layout by Rory Smith

• Get up and running with CSS Grid Layout
• Place grid items on a grid using grid-column and grid-row
• Describe a grid layout using named grid lines
• Refer to fractions of available space with the fr unit
• Describe a grid layout using grid-template-areas
• Use the minmax function to specify dynamically-sized tracks
• Use the repeat function to efficiently write grid-template values
• Use auto-fill and auto-fit if the number of repeated grid tracks is not to be def
• Change the auto-placement behaviour of grid items with grid-auto-flow
• Specify a grid gutter size with grid-gap
• Specify the sizes of implicitly created grid tracks
• Re-order the appearance of grid items using the order property
• Nest a grid within a grid
• Specify grid columns, rows, and areas at once with the grid-template shorthand
• Specify many grid properties at once with the grid shorthand