Avansert layout
MDN:
Hvis man synes position: relative blir for mye knot og at position: static blir for kjedelig, kan man knalle til med skikkelig avansert layout-syntaks som har kommet de siste årene. Innenfor layout har det vokst frem mange spennende muligheter, og flexbox og CSS grid er anbefalt når man skal løse avansert layout på en utviklervennlig måte. Vi mener at en av de beste måtene å lære seg hvordan de funker, er å ta dem i bruk.
Oppgaver
- Flexbox Froggy er en klassiker. Her lærer du å bruke flexbox for å redde Froggy til vannliljen sin.
Bonus
Flexbox Defense er også et spill der man lærer flexbox. Dette er et tower defense-spill der du beskytter tårnet ditt med CSS!
CSS Grid Garden er et spill for å lære CSS grid layout - noe av det ferskeste innen CSS, som ble støttet i de største nettleserne så nylig som i mars 2017! Her skal vi passe på gulrothagen vår med CSS.