En este tutorial, vamos a aprender cómo crear una página a pantalla completa con Flexbox.
In this tutorial, we'll learn how to build a full-screen responsive page with flexbox.
Sin embargo, podemos conseguir lo mismo fácilmente con Flexbox
But we could also do it quite easily with flexbox
Flexbox está diseñado para proporcionar un diseño consistente en diferentes tamaños de pantalla.
Flexbox is designed to provide a consistent layout on different screen sizes.
Ver Flexbox para más información sobre qué usar en sustitución de esta propiedad.
See Flexbox for more information on what you should be using instead of this property.
Flexbox es un método de diseño de página unidimensional para compaginar elementos en filas o columnas.
Flexbox is a one-dimensional layout method for arranging items in rows or columns.
Por ejemplo, no puede trabajar con polyfills complejos como los necesarios para Flexbox.
For instance, it cannot deal with complex polyfills such as those required for Flexbox.
Al final de este artículo usted debería tener un entendimiento de las características básicas de Flexbox.
After reading this article you should have an understanding of the basic features of Flexbox.
La característica clave de Flexbox es el hecho de que los elementos en un diseño flexible pueden crecer y reducirse.
The key feature of Flexbox is the fact that items in a flex layout can grow and shrink.
Con Flexbox, podemos centrar un elemento con mayor facilidad
With flexbox we can get there a touch easier
Debido a que ésta cuadrícula es bidimensional y la de Flexbox unidimensional, existen algunas pequeñas diferencias con las que debes tener cuidado.
Due to grid being two-dimensional and flexbox one-dimensional there are some small differences that you should watch out for.
El diseño Flexbox considera el espacio disponible cuando define las dimensiones de los cuadros, lo que permite el posicionamiento y el ajuste de tamaño relativos.
Flexbox layout takes the available space into account when defining box dimensions, which enables relative sizing and positioning.
Fijando flex: initial el ítem se restablece con los valores iniciales de Flexbox.
Setting flex: initial resets the item to the initial values of Flexbox.
Si una hoja de estilo usa display: box, puede estar empleando otras propiedades obsoletas de Flexbox.
If a stylesheet is using display: box, then it may be using other deprecated Flexbox properties.