3.9 KiB
3.9 KiB
title | localeTitle |
---|---|
CSS Flexbox | CSS Flexbox |
CSS Flexbox
Este conjunto de desafíos le enseñará los conceptos básicos del uso de contenedores flexibles. Los retos son:
- Utilice la pantalla: flexione para posicionar dos cajas .
- Agregue Flex Superpowers al Tweet Insertar .
- Utilice la propiedad de dirección flexible para hacer una fila .
- Aplique la propiedad de dirección flexible para crear filas en la incrustación de tweet .
- Utilice la propiedad de dirección flexible para hacer una columna .
- Aplique la propiedad de dirección flexible para crear una columna en la incrustación de tweet .
- Alinear elementos utilizando la propiedad justify-content .
- Utilice la propiedad justify-content en el Tweet Embed .
- Alinear elementos usando la propiedad align-items .
- Use la propiedad align-items en el Tweet Embed .
- Utilice la propiedad flex-wrap para envolver una fila o columna .
- Utilice la propiedad de contracción flexible para reducir los elementos .
- Utilice la propiedad flex-grow para expandir elementos .
- Use la propiedad de base flexible para establecer el tamaño inicial de un artículo .
- Utilice la propiedad de la taquigrafía de flex .
- Utilice la propiedad de orden para reorganizar elementos .
- Usa la propiedad align-self .