Article Header H1

Article Section Section H2

One [aside] tag displays 80/20 layout

Two [aside] tags display 20/40/20 layout

Article Footer H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cumenatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Article H1

Each [section] displays full-height, even when content does not fill the space

The amount of [section] tags defines the amount of columns

Article H1

Article Section H2

1/2

Nested Article H1

Nested Article Section H2

1/3

Nested Article Section H2

1/3

Nested Article Section H2

1/3

Article Section H2

1/2

Article H1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Article Section Header H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

1/3

Article Section H3

1/3

Article Section H3

1/3

Article Footer H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Article H1

Article Section H3

1/4

Article Section H3

1/4

Article Section H3

1/4

Article Section H3

1/4

Article Heading 1

Article Section H3

1/5

Article Section H3

1/5

Article Section H3

1/5

Article Section H3

1/5

Article Section H3

1/5

Article Heading 1

Article Section H3

1/6

Article Section H3

1/6

Article Section H3

1/6

Article Section H3

1/6

Article Section H3

1/6

Article Section H3

1/6