Also, try changing flex-direction to row-reverse and see what happens the start line is switched so the ordering begins from the opposite side. As flex-wrap is set to wrap, the items wrap. Then use order for purely visual design tweaks. With the flex-grow property set to a positive integer, flex items can grow along the main axis from their flex-basis. As with all properties in CSS, some initial values are defined, so when creating a flex container all of the contained flex items will behave in the following way. Vertically centering elements is one of the more difficult tasks to achieve with CSS, particularly if the height of your content is unknown. How do I style a