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

Challenge: 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

  • 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

すべお明確でしたか

どのように改善できたすか

フィヌドバックありがずうございたす

セクション 1. 章 10

AIに質問する

expand

AIに質問する

ChatGPT

䜕でも質問するか、提案された質問の1぀を詊しおチャットを始めおください

some-alt