# 6 Grid Layout Examples

## Indholdsfortegnelse
- [Forudsætninger](#forudsætninger)
- [Mål for projektet](#mål-for-projektet)
- [Assets](#assets)
- [Regler](#regler)
- [Krav](#krav)

---

## Forudsætninger
Projektet kræver forudgående færdigheder i CSS Grid. Du bestemmer selv, hvilket grid-metode du vil bruge, men det er oplagt at finde en måde, hvor du kan genbruge de enkelte grid-elementer på tværs af de 6 layouts.


### Mål for projektet
I dette projekt skal du lave 6 forskellige layouts med CSS Grid. Formålet er at træne dine færdigheder i brugen af CSS Grid.

### Assets
Download og pak materialemappen ud. Den indeholder screenshot af projektet.


### Regler
Den eneste regel er at endelige projekt skal ligne det vedlagte screenshot så meget som muligt. 

God fornøjelse :-)


## Krav

1. Lav 6 forskellige layouts med CSS Grid
1. Alle 6 layouts skal oprettes i det samme dokument
1. CSS skal bestå af en blanding af shared styling og unik styling, så du undgår gentagelser i koden
1. Du bestemmer selv, hvilken grid teknik, du vil bruge (numbered/named grid lines)
1. Det endelige resultat skal ligne det vedlagte screenshot så meget som muligt