---
id: 587d78ab367417b2b2512af0
title: 'Use display: flex to Position Two Boxes'
challengeType: 0
videoUrl: ''
localeTitle: 'Use la pantalla: flexione para posicionar dos cajas'
---
## Description
Esta sección utiliza estilos de desafío alternativos para mostrar cómo usar CSS para posicionar elementos de una manera flexible. Primero, un desafío explicará la teoría, luego un desafío práctico utilizando un componente de tweet simple aplicará el concepto flexbox. Colocación de la display: flex;
propiedades CSS display: flex;
en un elemento le permite usar otras propiedades de flexión para construir una página receptiva.
## Instructions
Agregue la display
propiedades CSS a #box-container
y establezca su valor en flex.
## Tests
```yml
tests:
- text: '#box-container
debería tener la propiedad de display
establecida en un valor de 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
```