---
id: bad87fee1348bd9aedf08822
title: Adjust the Margin of an Element
challengeType: 0
guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
videoUrl: ''
localeTitle: ضبط هامش عنصر
---
## Description
عنصر في margin
يتحكم في مقدار المسافة بين عنصر في border
والعناصر المحيطة بها. هنا ، يمكننا ملاحظة أن الصندوق الأزرق والمربع الأحمر متداخلان داخل المربع الأصفر. لاحظ أن المربع الأحمر به margin
أكبر من المربع الأزرق ، مما يجعله يبدو أصغر. عند زيادة margin
الصندوق الأزرق ، سيزيد من المسافة بين حدوده والعناصر المحيطة به.
## Instructions
غيّر margin
المربع الأزرق ليطابق ذلك المربع الأحمر.
## Tests
```yml
tests:
- text: ''
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
```