16 lines
706 B
Markdown
16 lines
706 B
Markdown
---
|
||
title: "Use display: flex to Position Two Boxes"
|
||
localeTitle: استخدم العرض
|
||
---
|
||
## استخدام العرض: فليكس لوضع صناديق اثنين
|
||
|
||
[Flexbox](https://github.com/freecodecamp/guides/tree/master/src/pages/css/layout/flexbox/index.md) هي طريقة لتنظيم المحتوى في CSS3 مما يسمح لك بإنشاء مواقع ويب responsie.
|
||
|
||
يتمثل هذا التحدي في تعيين أول خطوة من خطوات البرنامج عند استخدام Flexbox. تحتاج إلى جعل الحاوية الرئيسية مرنًا بإضافة _العرض: flex؛_ إلى قسم CSS الخاص به.
|
||
|
||
مثال:
|
||
|
||
`#main-container {
|
||
display: flex;
|
||
}
|
||
` |