Comleted all the tml challenges but the completion isnt being recorded for me to move to the next challenge, please help

Tell us what’s happening:
Describe your issue in detail here.

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>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker one">
      </div>
      <div class="marker two">
      </div>
      <div class="marker three">
      </div>
    </div>
  </body>
</html>
/* file: styles.css */
h1 {
  text-align: center;
}


/* User Editable Region */

.container {
  background-color: rgb(0, 0, 0);
  padding-top: 10px 0;
  padding-bottom: 10px 0;
  padding-left: 0px;
  padding-right: 0px;
}

/* User Editable Region */


.marker {
  width: 200px;
  height: 25px;
  margin: 10px auto;
}

.one {
  background-color: rgb(255, 0, 0);
}

.two {
  background-color: rgb(0, 127, 0);
}

.three {
  background-color: rgb(0, 0, 255);
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 25

Link to the challenge:

Read the hint you are getting. It is telling you exactly what it wants you to use for the padding property. This step doesn’t want you to use each individual padding property. It wants you to use the shortcut padding property.

Thanks you so much, it worked just realized the flow I need to complete all the challenges before they can be checked all of them and be approved for one to claim his/her certificate.

This is not what the challenge asked you to do.
You should only need to add one padding property with two values, using the usual shorthand syntax.

EXAMPLE:

// adds margin top 1px, right 2px, bottom 3px, left 4px (clockwise from top)
margin: 1px 2px 3px 4px;

// adds margin top and bottom 1px, right and left 2px
margin: 1px 2px;

// adds margin 1px to all sides
margin: 1px;

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.