En la novena clase del curso Flexbox, aprenderemos a alinear los ítems flex de forma particular, independientemente de lo declarado en el contenedor.
Con todas las propiedades que hemos aprendido en este curso, ya sabemos posicionar nuestros ítem flexibles sin problema. Somos capaces de alinearlos dentro de su contenedor allá donde queremos, sin siquiera pestañear.
Es decir, podemos sobreescribir una declaración anterior y que ésta aplique única y exclusivamente a un ítem en concreto, obviando una orden dada con anterioridad. ¡Vamos a por ello!
¡Ya lo tenemos! Ahora sí, ya tenemos todo el conocimiento de flexbox en nuestra cabeza y en nuestro editor de código. Como podéis ver, se trata de algo bastante interesante, ya que nos permite alterar la posición de un elemento en concreto de nuestro layout de forma independiente.
Os recomendamos descargar el código que os hemos dejado debajo del vídeo, o si os atrevéis, a escribirlo desde cero vosotros mismos, para conseguir esas alineaciones tan especiales de cada ítem.
Todo lo aprendido en este curso de poco serviría si no lo aplicamos. Es trabajando en un ejemplo real donde terminaremos de asentar todos los conocimientos adquiridos.
Es por ello que en la siguiente clase, la última de este curso, aplicaremos todo lo aprendido a un caso real, maquetando un layout completo con flexbox. ¡Nos vemos!
Y como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. :)
Todos los capítulos de este curso:
- Curso de Flexbox #1. Introducción
- Curso de Flexbox #2. Dirección
- Curso de Flexbox #3. Filas
- Curso de Flexbox #4. Alineación
- Curso de Flexbox #5. Orden
- Curso de Flexbox #6. Tamaño
- Curso de Flexbox #7. Factor de crecimiento
- Curso de Flexbox #8. Factor de decrecimiento
- Curso de Flexbox #9. Alineación particular
- Curso de Flexbox #10. Layout con Flexbox