Week 08

Friday - Review of Grid Code

Through Codecademy, you've been exposed to all the essentials of coding for CSS grids. Today I'm going to take a few minutes of classtime to review what you should have learned by this point.

The four most important CSS properties for setting up a CSS Grid are:

  1. display (set to grid)
  2. grid-gap (set thickness of space between boxes)
  3. grid-template (define the width of each row / define the width of each column)
  4. grid-area (rstart / cstart / rstop / cstop)

Now that we have that out of the way, I'm going to spend a couple minutes walking you through the ways in which I expect you to leverage the weekly coding challenges and Codecademy to build your semester-end independent project.