Föreläsningen består av ett antal delar. Efter varje del, experimenterar du själv med de exempel som togs upp (i de fall det finns någon kod till dem). Då det finns en laboration som hör till föreläsningen, finns det en länk till laborationen under filmen. Du bör då gå igenom laborationen, innan du tar nästa föreläsningsfilm.
F4a - Boxmodellen
Egenskaper, storlek, marginaler, overflow, inline/block/inline-block, rundade hörn, skugga.
47 min.
Efter denna föreläsning, gör du laboration L4a, innan du går vidare till nästa föreläsningsfilm.
F4b - Layout och grid
Denna del består av två filmer.
Allmänt om layout och olika tekniker.
13 min.
Layout med specifikation av grid.
37 min.
Gå nu till laboration L4b, innan du tar nästa föreläsningsfilm.
F4c - Responsiv webbdesign
Denna del består av två filmer.
Responsiv/adaptiv webbdesign, desktop first, mobile first, media query.
13 min.
Exempel med grid.
19 min.
Gå nu vidare till laboration L4c.