How to manage padding in flex container with wrap element?

Question

css

There is a flex container with padding margin-top: 100px margin-bottom: 100px. Inside the div there are 8 boxes with the flex-wrap property applied. .

Answer 1

I usually do what I do in such cases - I assign the indent I need to the child blocks, and I simply give the parent block a negative indent to cut off everything superfluous from the edges.