How should i go from here?

Tell us what’s happening:

Your code so far
The challenge says Your blue-box class should give the right of elements 20px of margin. Your blue-box class should give the left of elements 40px of margin.

.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;

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

.blue-box {
  background-color: blue;
  color: #fff;
  margin: 40px 40px 20px 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 6.1; rv:81.0) Gecko/20100101 Firefox/81.0.

Challenge: Use Clockwise Notation to Specify the Margin of an Element

Link to the challenge:

What am i missing here?

1 Like

Hi @sunnyjoe, from the lesson;
“These four values work like a clock: top, right, bottom, left, and will produce the exact same result as using the side-specific margin instructions.”

What you’ve input does not follow the clockwise rotation.

Thank you i just figure that out. Case settled.

I can barely open chrome by myself.

All you’ve got to do is double click on chrome icon.

All you have to do is double click the chrome icon on your computer. And you have just open chrome.