Note: For flex-items to wrap onto new rows when their content can no longer be displayed in a single row, then set the wrap option on the container and the flex-basis value to a specific unit that matches the flex-grow ratios.