An element's <code>margin</code> controls the amount of space between an element's <code>border</code> and surrounding elements.
Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has a bigger <code>margin</code> than the blue box, making it appear smaller.
When you increase the blue box's <code>margin</code>, it will increase the distance between its border and surrounding elements.
</section>
## Instructions
<sectionid='instructions'>
Change the <code>margin</code> of the blue box to match that of the red box.
testString: assert($(".blue-box").css("margin-top") === "20px", 'Your <code>blue-box</code> class should give elements <code>20px</code> of <code>margin</code>.');