Learn CSS Colors by Building a Set of Colored Markers - Step 10

Tell us what’s happening:

Describe your issue in detail here.
i cant fugur it out i cant get the the body element selector.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>

<!-- User Editable Region -->

  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
    </div>
    <div class="marker green">
</div>
  </body>

<!-- User Editable Region -->

</html>
/* file: styles.css */
h1 {
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14092.77.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.107 Safari/537.36

Challenge Information:

Learn CSS Colors by Building a Set of Colored Markers - Step 10

1 Like

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi Eliana, when you are using a body selector you will write it just like you did with h1, except replacing the h1 with body and without the text align property.

2 Likes

Great work! Select the ‘body’ selector in the CSS file. It will look something like this:

body {
  property: value;
  property: value;
}

Good luck!

1 Like