Chapter 5: Grid Area Syntax
Welcome to the third way of writing Grid, this time using areas with names.
Fork the opening CodePen to your account:
You Try It!
Rewrite the grid system used on your Martian collage to use grid template areas instead. Your finished product should look exactly the same, but it will use different syntax.
Reflection & review
- Now that you’ve seen 3 types of syntax for coding CSS Grid, which do you like best and why?
- Can you think of use cases for any of these syntaxes specifically?