1

⭐⭐⭐¿Cómo alinear elementos utilizando la propiedad position (relative y absolute) y la función calc( )?⭐⭐⭐

He elaborado el siguiente instructivo detallando paso por paso para lograr el alineamiento.

  1. Resultado esperado
    esperado.png
    ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

  2. Empezamos con el setup de un contenedor con 9 cajitas por dentro, cada una de las cuales posee una cajita hija.
    _
    setup-1.png
    _
    setup-2.png
    _
    setup-3.png
    _
    setup-4.png
    _
    setup-5.png
    _
    setup-6.png
    _
    ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

  3. Ahora empecemos con la alineación:
    _
    pos-calc-2.png
    _
    pos-calc-3.png
    _
    pos-calc-4.png
    _
    pos-calc-5.png
    _
    pos-calc-6.png
    _
    pos-calc-7.png
    _
    pos-calc-8.png
    _
    pos-calc-9.png
    _
    pos-calc-10.png
    _
    pos-calc-11.png
    _
    pos-calc-12.png
    _
    pos-calc-13.png
    _
    pos-calc-14.png
    _
    pos-calc-15.png
    _
    pos-calc-16.png
    _
    pos-calc-17.png
    _
    pos-calc-18.png
    _
    pos-calc-19.png
    _

Escribe tu comentario
+ 2