Course Checks on Responsive Web Design: CSS Grid

[jonathan-rogers-dev]

Courses checks will need to be completed before this section is fully released. Courses that need to be checked are outlined below.

• [ ] CSS Grid
  • [ ] Create Your First CSS Grid
  • [ ] Add Columns with grid-template-columns
  • [ ] Add Rows with grid-template-rows
  • [ ] Use CSS Grid units to Change the Size of Columns and Rows
  • [ ] Create a Column Gap Using grid-column-gap
  • [ ] Create a Row Gap using grid-row-gap
  • [ ] Add Gaps Faster with grid-gap
  • [ ] Use grid-column to Control Spacing
  • [ ] Use grid-row to Control Spacing
  • [ ] lign an Item Horizontally using justify-self
  • [ ] Align an Item Vertically using align-self
  • [ ] Align All Items Horizontally using justify-items
  • [ ] Align All Items Vertically using align-items
  • [ ] Divide the Grid Into an Area Template
  • [ ] Place Items in Grid Areas Using the grid-area Property
  • [ ] Use grid-area Without Creating an Areas Template
  • [ ] Reduce Repetition Using the repeat Function
  • [ ] Limit Item Size Using the minmax Function
  • [ ] Create Flexible Layouts Using auto-fill
  • [ ] Create Flexible Layouts Using auto-fit
  • [ ] Use Media Queries to Create Responsive Layouts
  • [ ] Create Grids within Grids

[zukeeeen]

Use grid-column to Control Spacing