The main-start/main-end sides determine where to start placing flex items within the flex container, starting from the main-start end and going to the main-end end.
Flex items can either be placed on a singular line or on multiple lines as defined by the flex-wrap property, which controls both the direction of the cross axis and how lines stack within the container.