freeCodeCamp/guide/arabic/certifications/responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes/index.md

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