Code Process

Het doel van deze CSS-code is om de kaartachtige elementen (.image-containers) verticaal en horizontaal te centreren binnen het viewport. Ik gebruik de eigenschap display: flex om een flex-container te creëren en past justify-content: center en align-items: center toe om de elementen horizontaal en verticaal te centreren. De min-height: 100vh zorgt ervoor dat de container ten minste de volledige hoogte van het viewport inneemt, zodat de elementen correct worden gecentreerd, zelfs wanneer er beperkte inhoud is.