CSS Layout

CSS Layout

Article Section

This is the article section. Web developers use it to make something that is self contained. News sites might use this tag a lot. The max width is set to 25%.

Column

This distributes aligns the containers along a column. The container is floating to the left of the article section.

Container 1
Container 2
Container 3
Container 4
Container 5

Column Reverse

This is the second flexbox where the direction is set to column-reverse. The content is reversed here.

Container 1
Container 2
Container 3
Container 4
Container 5

Row

This distributes the containers into a row. It's floating to the right

Container 1
Container 2
Container 3
Container 4
Container 5

Row Reverse

This is the 4th flex box. The direction is set to row-reverse.

Container 1
Container 2
Container 3
Container 4
Container 5

Animal face Free Stock Image
       by Travel Photographer from StockSnap