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

bookChallenge: Improve a Blog Article Design

メニューを表示するにはスワイプしてください

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
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  10

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  10
some-alt