Píldora Flexbox

Trabajo realizado para Factoría 5. Se expondrá un resumen de la teoría realtiva a Flexbox, con un apartado práctico de código en vivo.

Objetivos del ejercicio

• Comprender el funcionamiento de Flexbox.
• Exponer lo aprendido en el aula.

Tecnologías utilizadas

• HTML5
• CSS3
• Flexbox
• Git y GitHub

Pasos seguidos durante el desarrollo

1. Creación de la estructura base en HTML.
2. Organización del contenido mediante contenedores y secciones.
3. Aplicación de estilos generales en CSS.
4. Implementación de Flexbox para distribuir los elementos.
5. Subida del proyecto a GitHub.

Aprendizajes

Durante este ejercicio se trabajaron propiedades fundamentales de Flexbox como:

• display: flex
• flex-direction
• justify-content
• align-items
• flex-wrap
• align-self
• order
• flex-grow/shrink
• flex-basis

Conclusiones

Flexbox es una herramienta de enorme utilidad. Por otro lado, el preparar una exposición para enseñar lo aprendido a otros es una gran forma de interiorizar conocimiento.

Presentación