[Brajeshwar]

Here is my thumb-rule and I hope things haven't changed in the last few years -- Structural Layout in CSS Grid; Content Alignment in Flexbox.

[ThatMedicIsASpy]

There is something flexbox cant. Center the content columns but align rows with uneven numbers at the start. Unless I'm missing something. I don't want to nest more stuff

1 2 3 4

5 6 7 8

9 10