freeCodeCamp Challenge Guide: Inherit Styles from the Body Element

Inherit Styles from the Body Element


Problem Explanation

We need to create a h1 element with the text Hello World, then we need to give all elements on your page the color of green in our body element’s style declaration, and finally, we need add to our body element font-family of monospace.


Solutions

Solution 1 (Click to Show/Hide)

Create a h1 element with the text Hello World:

add h1 after </style> element:

    <h1>Hello World</h1>

Give all elements on your page the color of green and font-family of monospace in our body element’s style declaration:

add between <style> and </style>:

    color: green;
    font-family: monospace;

Full solution

<style>
  body {
    background-color: black;
    color: green;
    font-family: monospace;
  }
</style>

<h1>Hello World</h1>
20 Likes

I’m very new to coding but so far I kind of like it. And when I’m stuck with some of the challenges I’m so glad that there are people like you guys that always there to help me and others like me so we can move forward. Thanks again!!

22 Likes