I have a div that acts as a container.
I have 10 boxes that will be inside of that container. so each box has a width of 20% so I can have two rows of 5.
what do I add to the css to keep each of those boxes proportionate in height so they remain square? And so the text remains centered both vertically and horizontally?