How do I align both rows of this flex container?
The box on the second row is one pixel wider than the first. Why are they not perfectly aligned? https://codepen.io/mycenas/pen/BabvqrJ
2 Replies
all the boxes grow and shrink at the same rate from the initial content-box-size (border not included). because in your second row, only 1 box has a border, it's initial size is larger than the 2 blank ones. to solve this, you could give the blank-boxes the same border but with a transparent border-color
Thank you!!