Calculation of content-size of a flex-item that has padding
In this article on making equal columns with flexbox, the author mentions 2 cases where things get ruined if some flex-items have padding. So he has a container with a width of 600px, and 3 flex-items with the 2nd one having a padding of 1rem.