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.
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-size: 1.5em;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX