Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Improve a Blog Article Design | Section
CSS Fundamentals

bookChallenge: Improve a Blog Article Design

Swipe to show menu

The webpage displays an article, but the typography needs improvement. Apply the following changes:

  1. Set the font family of the entire page to 'DM Sans', sans-serif.
  2. Increase the line height of all paragraphs to 1.6.
  3. Make the title bold.
  4. Add slight letter spacing (2px) to the title.
  5. 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.html

index.css

index.css

copy
  • In the body selector, use the font-family property and set it to 'DM Sans', sans-serif.
  • In the .content selector, complete with line-height.
  • In the .title selector:
    • Use font-weight to make the text bold.
    • Use letter-spacing to add 2px spacing between letters.
    • Use text-shadow and remember it requires four values in this order: horizontal offset, vertical offset, blur radius, and color.
index.html

index.html

index.css

index.css

copy
Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 10

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 1. Chapter 10
some-alt