Övning flexbox

Försök skapa följande uppgifter, lös på en och samma webbsida eller dela upp dem.

Bilder: kanin, apa, krokodil.

A) Centrera den vita rutan i den gröna rutan. (Lägg bilden i rutan)

kanin

B) Styr de blå (eller alla) rutorna till botten och sen styr den röda till toppen.

kanin
kanin
kanin

C) Styr så att de blå rutorna kommer under varandra.

kanin
kanin
kanin

D) Styr så rutorna flyter till ny rad om de inte får plats. De blå är 3 gånger så breda. Bakgrunden är vit. Bredden (width) på "containern" är 800px.

kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin
kanin