Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Challenge: Improve a Blog Article Design | Tekstin muotoilu luettavuuden parantamiseksi
CSS:n Perusteet

Challenge: Improve a Blog Article Design

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 2. Luku 4
some-alt