Challenge: Improve a Blog Article Design
Swipe to show menu
The webpage displays an article, but the typography needs improvement. Apply the following changes:
- Set the font family of the entire page to
'DM Sans', sans-serif. - Increase the line height of all paragraphs to 1.6.
- Make the title bold.
- Add slight letter spacing (
2px) to the title. - Add a subtle text shadow to the title with:
- horizontal offset: 1px
- vertical offset: 1px
- blur radius: 3px
- color: gray
Do not modify the HTML.
index.html
index.css
- In the
bodyselector, use thefont-familyproperty and set it to'DM Sans', sans-serif. - In the
.contentselector, complete withline-height. - In the
.titleselector:- Use
font-weightto make the text bold. - Use
letter-spacingto add2pxspacing between letters. - Use
text-shadowand remember it requires four values in this order: horizontal offset, vertical offset, blur radius, and color.
- Use
index.html
index.css
Everything was clear?
Thanks for your feedback!
Section 1. Chapter 10
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Section 1. Chapter 10