Layoutmönster

Nu kan du lådorna. Men en webbsida där lådorna bara staplas på varandra, uppifrån och ned, är inget gränssnitt, det är ett dokument. En riktig layout placerar lådorna i förhållande till varandra: en meny på rad, ett sidofält bredvid innehållet, tre kort sida vid sida som blir en kolumn på mobilen.

I det här området lär du dig verktygen som gör det. Flexbox har hittills varit receptkod du litat på, nu blir den din: du lär dig fördela utrymme längs en axel och förstå varför recepten fungerar. Media queries låter sidan byta form efter skärmen i stället för att gå sönder på den.

Galleriet du byggt sedan temats början har hittills varit en lång kolumn. När området är slut ligger korten på rad på en bred skärm och under varandra på en telefon, utan att du skrivit om något, och då är det dags att göra galleriet färdigt.