flexbox

#container-met-items-erin { display: flex; justify-content: flex-start; /* Lijnt items uit over de hoofdas. Keuzes: flex-start, flex-end, center, space-between, space-around */ align-items: flex-start; /* Lijnt items uit over de dwarsas. Keuzes: flex-start, flex-end, center, baseline, stretch */ flex-direction: row; /* Bepaalt de richting van de hoofdas. Keuzes: row, row-reverse, column, column-reverse */ order: 1; /* Geeft de volgorde van de flex items aan. Keuzes: <getal> */ align-self: flex-end; /* Lijnt een flex item uit over de dwarsas, overschrijft hiermee de <align-items> waarde Keuzes: flex-start, flex-end, center, baseline, stretch */ flex-wrap: nowrap; /* Geeft aan of flex items worden gedwongen op één regel te staan of kunnen worden uitgespreid over meerdere regels. Keuzes: nowrap, wrap, wrap-reverse */ flex-flow: row wrap; /* Vereenvoudigde notitie voor <flex-direction> en <flex-wrap>. Keuzes: <flex-direction> <flex-wrap> */ align-content: flex-start; /* Lijnt een flex container regels uit als er extra ruimte is op de dwarsas Keuzes: flex-start, flex-end, center, space-between, space-around */ }