Use Clockwise Notation to Specify the Padding of an Element(Updated to blue box)

Tell us what’s happening:
The directions are: Use Clockwise Notation to give the “.blue-box” class a padding of 40px on its top and left side, but only 20px on its bottom and right side.
The error is: Your blue-box class should give the bottom of elements 20px of padding.
Your blue-box class should give the left of elements 40px of padding.
It looks like I’m doing everything right but it won’t work!
Your code so far

  .injected-text {
    margin-bottom: -25px;
    text-align: center;

  .box {
    border-style: solid;
    border-color: black;
    border-width: 5px;
    text-align: center;

  .yellow-box {
    background-color: yellow;
    padding: 20px 40px 20px 40px;
  .red-box {
    background-color: crimson;
    color: #fff;
    padding: 20px 40px 20px 40px;

  .blue-box {
    background-color: blue;
    color: #fff;
    padding: 40px 20px 40px 20px;
<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
  <h5 class="box red-box">padding</h5>
  <h5 class="box blue-box">padding</h5>

Your browser information:

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

Link to the challenge:

Remember padding goes: top right bottom left

I must be stupid. I just realized now thank you this helped a lot

Please how did you find it right now cause am having the same problem send your code that run to me please

ask again in the post you created on this challenge, if you changed something post your new code, if you have more questions ask your questions

Read-search-ask, and keep asking, keed researching, keep reading and re-reading stuff until you manage to find the solution

1 Like