Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Challenge: Improve a Blog Article Design | Stilsetting av tekst for lesbarhet
CSS-Grunnleggende

Challenge: Improve a Blog Article Design

Sveip for å vise menyen

Task

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

  • 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

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 2. Kapittel 4
some-alt