Labo 04 - Fluid Designs

Doel van de oefening

• Leren hoe je een fluid design css opmaakt aan de hand van @media
• Leren je flexbox kan gebruiken met @media

Oplossing

Beschrijving

Voor de html en css mochten we een deel kopiëren van labo 3 (cards), we kregen ook bronbestanden om op verder te werken.

Gebruikte links

• https://ultra.edu.kuleuven.cloud/ultra/courses/_145885_1/outline/assessment/_10007517_1/overview/attempt/create?courseId=_145885_1
• https://ultra.edu.kuleuven.cloud/ultra/courses/_145885_1/outline/edit/document/_10007462_1?courseId=_145885_1&view=content&state=view

Reflectie

• Dit ging goed

  Dit labo ging goed omdat dit deels herhaling was voor mij. Aantal zaken dat ik al onder de knie had: selectoren, het linken van css aan de html pagina.

• Dit ging minder goed

  De meeste zaken van hoe dat je je css pagina moest starten waren nieuw voor mij zoals: de klasse .container, de query-selector "*,*::before,*::after", etc