freeCodeCamp Challenge Guide: Adjust the Margin of an Element

Guide
1

Adjust the Margin of an Element

Problem Explanation

Adjusting the Margin of an Element means to increase or decrease the amount of spacing between the Element’s borders and surrounding Elements.

• Margins are adjusted with positive and negative integers by units of pixels(px).

• Margins can be created from all directions (top, bottom, left, right).

This is an example of how it is written:

margin: 20px;

You can easily change or adjust the Margin of an Element by changing the numerical value:

Before:

margin: 20px;

After:

margin: 50px;

You can also create a custom class with a margin that you will use repetitively.

  .style-margin {
    margin: 20px;
  }

<h2 class="style-margin">Example</h2>
4 Likes