NOVI CSS CHALLENGE
1. Kleur
2. Uitlijning
3. Spacing
4. Layout
5. Finish
HET DOEL:
Fix dit design.
Maak het design perfect.
JOUW RESULTAAT:
Fix dit design.
Maak het design perfect.
1. De merk-kleur
Kies de juiste NOVI-kleur voor de button.
background-color: ?;
2. Content-uitlijning
Hoe centreren we de tekst verticaal in de kolom?
align-items: ?;
3. Interne spacing
Voeg 50px padding toe voor een ruimere uitstraling.
padding: ?;
4. Grid-layout
Zet de afbeelding en tekst naast elkaar.
display: ?;
grid-template-columns: ?;
5. Finale check
Zet dark mode aan om de challenge te voltooien.
Dark mode:
Design gefixt! 🚀
Laat je gegevens achter om je persoonlijke CSS-resultaat te bekijken.