flex-direction: row means items start from the left of the container and are shown horizontally in the order they're in the HTML.

Make sure to pick row.