• What will we learn in this course?
Defining the Grid and creating the content
  • Lines define the grid
  • Building the page
Positioning Grid elements
  • Positioning with rows and columns
  • Positioning with named areas
The smart Grid
  • Dynamic column sizing with minmax
  • The mystery of the Fraction unit
  • Dynamic columns with repeat and auto-fit
  • Dynamic rows with grid-auto-rows
Improving the design
  • Positioning with named lines and improving the design