Vertical Rhythm of Text [15/16]
In Web design, there is a concept of "vertical rhythm of text". It is quite complex, so we won't go deep into it here. Let's just mention that the good vertical rhythm of text makes it more readable.
To ensure good vertical rhythm and readability with any font size, make sure to use relative units for font size, line spacing, and vertical spacing between paragraphs and headings.
In such a case, no matter how the user changes the font size, the text would remain readable and understandable. In this task, you are going to practice with relative units.
- For the
font-size: 24px;. See how the lines stick together now?
body, set the line spacing to
- For the heading, change the font size to
1.3emand the top margin to
- For the paragraphs, change the margins to