---
id: bad87fee1348bd9aedf08822
title: Adjust the Margin of an Element
challengeType: 0
guideUrl: 'https://russian.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
videoUrl: ''
localeTitle: Отрегулируйте маржу элемента
---
## Description
Элемент по margin
контролирует объем пространства между элементом в border
и окружающих элементами. Здесь мы видим, что синий ящик и красный ящик вложены в желтый квадрат. Обратите внимание, что красный ящик имеет больший margin
чем синий квадрат, что делает его меньше. Когда вы увеличите margin
синего margin
, это увеличит расстояние между его границей и окружающими элементами.
## Instructions
Измените margin
синего квадрата так, чтобы он был красным.
## Tests
```yml
tests:
- text: Ваш класс с blue-box
должен давать элементы 20px
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
```