In deze zelfstudie serie:
checkmark simple
Flexcontainer
checkmark simple
Flex items
checkmark simple
Flexbox miniopdracht
checkmark simple
Flexbox pagina
checkmark simple
checkmark simple
checkmark simple
checkmark simple

Alle lessen in deze reeks bekeken?

Je hebt alle lessen in deze reeks afgerond!

checkmark simple
Oops! Something went wrong while submitting the form.

Je hebt alle lessen afgerond!

checkmark simple

Wat is flexbox?

Flexbox is een geweldige layout display setting, waar je makkelijk responsive websites mee maakt.

Download de PDF onder het tabblad downloads.

Volg de video's in deze videoreeks.

Flexcontainer

Het element met display: flex wordt vaak de flex-container genoemd.

Volg de video en neem de PDF door.

Flex items

De eerste rangs elementen in de flex-container (direct childs) zijn de flex items.

Volg de video en neem de PDF door.

Flexbox miniopdracht

In de eerder gedownloade zip zitten de benodigdheden voor het mee-coderen van deze miniopdracht.

Volg de video en gebruik de juiste bestanden.

Flexbox pagina

In deze video gebruiken we onze CSS flexbox technieken bij het maken van een mooie webpagina!

Vind jij programmeren leuk en wil jij een baan in de IT?

Bekijk dan de traineeships van ons ander bedrijf Qien!

Project files

icon: files
Project files
* De link hierboven download een bestand via dropbox dit kan een zip of rar bestand zijn. Weet je niet hoe je dit type bestand kan gebruiken? Volg deze instructie voor zip bestanden. Of download WinRar voor rar bestanden.
* Er zijn geen project files om te downloaden voor deze zelfstudie.

Stel vragen en help medestudenten

Tijdens de live lessen zijn er opdrachten waarbij je zult samenwerken met jouw studiegenoten. Hiervoor gebruiken wij Discord. Daarnaast kun je ook jouw vragen stellen, de docenten zullen je vervolgens verder helpen.

Het kanaal voor deze cursus op onze Discord:

HTML CSS beginner

logo - discord

#code-cafe

200+ leden