Note: To make flex items proportional, make sure your flex-basis value, the base widths for your flex-items, share the same proportions as their flex-grow values. Otherwise, you will not be able to accurately set consistent proportions for the width of your flex-items in a row, as shown here in the bottom row.