Con cada nueva revisión de CSS, salen a la luz una plétora de atributos nuevos y emocionantes; una de las cuales es la pantalla discreta: enfoque flexible.

El modelo de diseño de flexbox ha estado flotando alrededor de la web por un tiempo, cada vez con su propia variación en el enfoque (algunos desactualizados, como la pantalla: cuadro o pantalla: método de flexbox).

En la guía de hoy, descubriremos las ventajas de utilizar la técnica de flexbox en nuestros propios diseños.

Algunas de las excelentes características del nuevo modelo incluyen:

  • Tamaño basado en la relación fácil; no es necesario tocar tu HTML
  • Reordenar con una brisa utilizando enteros dentro de la hoja de estilo
  • Se aplica a todos los elementos secundarios dentro de un elemento primario definido correctamente
  • ¡No más clearfixes!

En parte 2 ¡echaremos un vistazo a cómo llevar esto aún más lejos, y convertiremos su diseño de flexbox en un diseño receptivo con todas las de la ley!

¿Has usado el enfoque de caja flexible para el diseño? ¿Prefieres un método diferente? Háganos saber en los comentarios.

Imagen / miniatura destacada, imagen flexible a través de Shutterstock.