Recreating the header of this webpage
- To make use of a CSS grid.
What I learned using the project:
- HTML:
- Giving semantic tag classes, so that I can use CSS Grid more easily.
- Using the section tag instead of main tag, best practice.
- CSS:
- The grid: Using grid areas, creating sub-grids, controlling grid items via e.g. align-items.
- Flexbox: Using flexbox within a grid.
- General CSS: Specificity (e.g. the .options-head span class).