CSS fråga om flex och centrering av innehåll

Permalänk

CSS fråga om flex och centrering av innehåll

Jag håller på att skapa en enklare webbapplikation men har alltid svårt för att få till designen i frontenden då jag aldrig lyckats lära mig css speciellt bra.
Jag skulle vilja använda flex (?) för att centrera mitt innehåll i en kolumn i mitten på sidan där kolumnen har en tjocklek på ca 25% av skärmbredden. Samt ska innehålla ett gäng div:ar som ser ut som i bilden nedan.
Kan någon tala om ungeför hur jag ska åstakomma detta ?

Permalänk
Medlem

.wrapper { display: flex; justify-content: center; } .content { width: 25%; }

Du kan också skippa wrappern och bara köra:

.content { width: 25%; margin: 0 auto; }