opendevs
Fragment so small so significant

Living in style with class

Dogesh has a website where he wants to render two paragraphs where he wants common styling to apply on both paragraphs while the last paragraph will have slightly smaller font with muted text color.

In DOM it should look like this:

<div> <h1 style="padding: 10px">My Cool Bio</h1> <p class="bio-paragraph"> I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag! </p> <p class="bio-paragraph" style="color: #1e1e1e; font-size: small">Last updated on Monday</p> </div>

Requirements:

  1. There should be a heading

    1. With text: My Cool Bio (case insensitive)
    2. It should have a padding of: 10px
  2. There should be a paragraph

    1. With text: I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag! (case insensitive)
    2. It should have a class of: bio-paragraph
  3. There should be another paragraph

    1. With text: Last updated on Monday (case insensitive)
    2. It should have a class of: bio-paragraph
    3. It should have a color of: #1e1e1e & a font-size of: small

Difficulty

easy

Solve the practice problems to earn    DevCoin image 
Coding Area
Output

Copyright © 2022 opendevs

Learn ● Develop ● Ace
All illustrations by Storyset