I have an interesting one in the styling area today.
I am trying to fill the 1140px width box you can see with 4 columns of DIVs.
The idea would be to use 25% on the children, gap on the parent as well as left alignment to keep everything neat and tidy. Everything would be from the very left up to the very right and starting left each row.
The problem I get is that the gap is causing the 4th child to drop to the next row. This is obviously caused by the gap.
I remember that in a different builder (I think it was webflow or weweb) the gap was deducted first and from the rest the 25% was calculated. which was a great and I thought it would always be like this actually. But apparently not.
2nd method was to justify the content, but then everything gets centered and not properly aligned.
So, my question is: What would you do?
.jpeg/public)