How to create a layout using css?

Question

I want to create a layout layout using only css, I read the entire tutorial on the Internet, but they use the column property to split the layout, the problem is that the layout will be displayed as follows (with 1,2,3 ... is elements).

1|3|5
2|4|6

I want my layout to be:

1|2|3
4|5|6

I want to use only css. Please tell me if you have any solution or idea to solve this problem.

Answer 1

You can use flexbox. See codepen , and the full flex box guide for more.

, flex-direction .