Les 8 - Mobile layout

Opdracht

Je gaat een website bouwen aan de hand van een web-design.
Hierbij oefen/leer je de HTML elementen stijlen (vormgeven en positioneren) met CSS

Opstarten

Download de oefenbestanden. Hierin staat al de basis (index.html en style.css) en de te gebruiken afbeeldingen.

Maak de site aan de hand van het "bouwplan"

In de afbeelding hiernaast (klik voor een grote weergave) staan alle maten/marges en styling die je nodig hebt voor de website op blok2 na, want die staat al gestyled in de css.
Blok 2 kan je dus overslaan.

Start met de globale styling
De globale styling stel je in op de body, hier zetten we het standaard lettertype/grote/kleur etc..
Maak dus een stijlblok aan voor de body en voeg hier de globale stijlregels aan toe (zie rechtsboven in de afbeelding)

Werk de site verder van boven naar beneden uit.
Je hoeft dus alleen de styling toe te voegen. Alle HTML staat er al.