Extended exercise using positioning

The last few exercises consist of the positioning of elements on a page, which we will consider as pair of progressive exercises taken from a larger example.

Gnus

Example document

Glimpse of the future

For now we will omit most of the rest of the styling of the page, as it will become easier to do once we learn about cascading.

We will consider the layout of the first two sections of the document.

First section

For the first section, you will use a flexible box layout to position the articles.

gnus articles

Second section

For the section section, you will again use a flexible box layout, but this time to position a paragraph, a list, and a figure.

gnus report