Exercise: Positioning various elements

In order to match the image, add a rule to style the container for the flexible box layout, and add the class flexer to the appropriate elements in the HTML document.

gnus report

Note:

Hints:

  • Use the division element as the container for the layout.

Solution to the exercise

In this solution, the class flexer has been added to the paragraph, the ordered list, and the figure.

Note:

Hints:

  • undefined
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
h2 {
    font-size1.5em;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX