Inhoudsopgave
De informatie over de opdracht, het inleveren en de voorwaarden zijn te vinden in de cursushandleiding.
Lees de cursushandleiding aandachtig door!
Om jezelf nog verder te helpen volgen hier enkele hulpbronnen:
- Padding & margin
- CSS Grid
- srcset
- Semantische HTML
- Veelgebruikte semantische HTML-tags
- Lijst met alle HTML-tags (alleen en zijn niet semantisch)
De opdracht is om onderstaande wireframes na te bouwen, zoals omschreven in de cursushandleiding. Hieronder staan nog enkele tips om je hierbij te helpen.
- Bouw eerst de basisstructuur op met
semantictags;- Bouw één voor één de rijen na, in plaats van alles tegelijk op te willen lossen;
- Gebruik
display:flexom elementen naast elkaar te zetten;- Hou de
flex-documentatiebij de hand, en gebruik deflex-inspectorin je browser.- Je mag
<div>gebruiken om binnen sections containers aan te maken, wanneer je dit puur voor de styling nodig hebt;- Gebruik
paddingenmarginom witruimte toe te voegen rondom je containers en binnen je containers- Je kan het ★ karakter gebruiken voor de "star ratings".
- 😱 Als iets niet lukt, ga dan niet "paniek-googlen". Geef aan waar je op vastloopt bij je docent, medestudent of peercoach.
Download: Wireframe home - Desktop
Download: Wireframe contact - Desktop
Download: Wireframe home - Mobile
