freeCodeCamp/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-.../60a3e3396c7b40068ad6996e.md

859 B

id title challengeType dashedName
60a3e3396c7b40068ad6996e Step 5 0 step-5

--description--

Margin is the area outside of the box, and can be used to control the space between other boxes or elements.

Here the bottom element has a larger top margin, pushing it further down the page.

Now that you understand the CSS box model, let's get started on the Rothko painting.

Remove the <img> element.

--hints--

You should not have an img element in your code.

assert(document.querySelector('img') === null);

--seed--

--seed-contents--

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Rothko Painting</title>
  </head>
  <body>
--fcc-editable-region--
    <img src="https://cdn.freecodecamp.org/curriculum/css-box-model/diagram-3.png">
--fcc-editable-region--
  </body>
</html>