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;
|
|
}
|
|
` |