I want the flex items to be centered but when we have a second line, to have 5 (from image below) under 1 and not centered in the parent.
Image may be NSFW.
Clik here to view.
Here's an example of what I have:
ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0;}li { list-style-type: none; border: 1px solid gray; margin: 15px; padding: 5px; width: 200px;}<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>