El diseño flexbox se utiliza muy a menudo. El generador de diseño flexbox aquí soporta ajustes de elementos padre e hijo, diseños verticales y horizontales y se puede utilizar copiando y pegando el código, por lo que es muy conveniente.
FLEX LAYOUT GENERATOR
https://suiq.jp/flex-layout-generator/
Fuentes designadas de uso frecuente
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
- justify-content (alineado horizontalmente): space-between (alineado uniformemente)
- flex-wrap (ajuste de los elementos secundarios): wrap (de arriba abajo)
- align-content (ajuste multilínea): flex-start (alineación superior)
