Flexbox es una poderosa herramienta utilizada para crear el diseño del sitio web. Es compatible con la mayoría de los navegadores, pero se recomienda utilizar versiones prefijadas del proveedor, por ejemplo, mostrar: -webkit-flex;
Flexbox facilita la colocación de elementos sin usar flotador.
Para crear un sitio web con Flexbox, comience creando un diseño. Siga el principio de Mobile First y luego agregue puntos de interrupción según sea necesario.
- ¿Cuál es el mejor CMS?
- ¿Cuáles son las fortalezas y debilidades comparativas entre Laravel (PHP) y Ruby on Rails (Ruby)?
- ¿Se usa Ruby para algo más que Rails y aprendizaje?
- ¿Cuáles son las calificaciones indispensables, además de las habilidades técnicas, que necesito para conseguir un trabajo en los Estados Unidos, como desarrollador frontend?
- Como desarrollador web, ¿cómo presenta su cartera?
Los atributos CSS más utilizados son:
pantalla: flex; La propiedad básica. Comience su diseño flexible.
La dirección predeterminada para flex es fila, lo que significa que, independientemente de los elementos de “ancho”, se colocan en una fila flex-wrap: wrap; le dice al navegador que está bien envolver elementos.
El atributo de orden se usa para cambiar la posición / ubicación de los elementos. Es muy poderoso.
Hay más atributos relacionados con Flexbox. Puede visitar el siguiente enlace.
Una guía completa de Flexbox | CSS-Tricks
Si es un principiante, comience con un pequeño proyecto para hacerse una idea y luego continúe con su proyecto.