---
id: bad87fee1348bd9aedf08822
title: Adjust the Margin of an Element
challengeType: 0
guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
videoUrl: ''
localeTitle: Ajustar a margem de um elemento
---
## Description
A margin
um elemento controla a quantidade de espaço entre a border
um elemento e os elementos adjacentes. Aqui, podemos ver que a caixa azul e a caixa vermelha estão aninhadas dentro da caixa amarela. Note que a caixa vermelha tem uma margin
maior que a caixa azul, fazendo parecer menor. Quando você aumenta a margin
da caixa azul, ela aumenta a distância entre a borda e os elementos adjacentes.
## Instructions
Altere a margin
da caixa azul para corresponder à da caixa vermelha.
## Tests
```yml
tests:
- text: Sua classe de blue-box
deve dar elementos de 20px
de margin
.
testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your blue-box
class should give elements 20px
of margin
.");'
```
## Challenge Seed
```html
margin
padding
padding
```
## Solution
```js
// solution required
```