Layout

Dokumentasjon fra MDN:

• Flexbox

• Grid

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. Gå gjennom de aller første oppgavene her. Du vil trenge lærdommen fra spillet i neste oppgave.

• Ta utgangspunkt i lenkene du lagde i oppgaven under lenker, og gi lenkene styling med flexbox for å få det til å bli en kul meny!