Flexbox is een krachtige layout-methode voor het ordenen van items in één dimensie. Met Flexbox kun je items eenvoudig uitlijnen, verdelen en responsief maken.

Belangrijke Flexbox eigenschappen:

• display: flex - Activeert Flexbox op een container
• justify-content - Uitlijning langs de hoofdas
• align-items - Uitlijning langs de dwarsas
• flex-direction - Richting van de flex container

CSS Grid daarentegen is ideaal voor tweedimensionale layouts. Je kunt zowel rijen als kolommen tegelijk beheren.