Opdracht 9

Het probleem van de vorige 2 opdrachten is dat deze oplossing in de praktijk niet werkt. Probeer maar eens wat meer content aan de blokken toe te voegen.

Het is ook nog wel lastig om deze oplossing responsive te maken. Daarnaast krijg je problemen met de hoogte van de blokken.

In het verleden was er vaak JavaScript nodig om tot een oplossing te komen. Maar CSS heeft een hele mooie oplossing: flexbox.

Probeer het voorbeeld nu nog eens na te maken met CSS Flexbox: https://www.w3schools.com/css/css3_flexbox.asp

Antwoord insturen

Flexbox Responsive