---
id: 587d78ab367417b2b2512af0
title: 'Use display: flex to Position Two Boxes'
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVaDAv/cgz3QS7'
---
## Description
This section uses alternating challenge styles to show how to use CSS to position elements in a flexible way. First, a challenge will explain theory, then a practical challenge using a simple tweet component will apply the flexbox concept.
Placing the CSS property display: flex;
on an element allows you to use other flex properties to build a responsive page.
## Instructions
Add the CSS property display
to #box-container
and set its value to flex.
## Tests
```yml
tests:
- text: #box-container
should have the display
property set to a value of flex.
testString: assert($('#box-container').css('display') == 'flex', '#box-container
should have the display
property set to a value of flex.');
```
## Challenge Seed
## Solution
```js
// solution required
```