Me surgió una duda en el código. Vi que varios compañeros les paso lo mismo. Adjunto mi código y ahí está la pregunta. <code>header .head...

Jovanny Alarcon C

Jovanny Alarcon C

Pregunta
studenthace 3 años

Me surgió una duda en el código. Vi que varios compañeros les paso lo mismo.

Adjunto mi código y ahí está la pregunta.

header .header-icons-container .icons{ width: 300px; height: auto; display: flex; /*justify-items:flex-end ; ¿entonces esta es una propiedad de css grid que no deberia ir aca por que estamos usando flexbox? */ align-items: center; /*centra los items en el espacio de arriba y abajo*/ justify-content: space-between;/*reparte el espacio entre los elementos*/ justify-self: end; /*para que los elementos se vayan al final*/ margin-right: 50px; }
2 respuestas
para escribir tu comentario
    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 3 años

    El valor

    end
    es definido en la Especificación de la alineación del modelo de caja de CSS, y es aplicado en múltiples modelos de caja (block, table, grid, flex, etc)

    El valor

    flex-end
    , no es un valor de Grid, es un valor definido para CSS Flexbox. Aunque funcione en otros modelos, no es lo correcto.

    Si quieres que se alinee al final, y no se observa, posiblemente estés aplicando el css mal.

    ¡Nunca pares de aprender! 💚

    Jovanny Alarcon C

    Jovanny Alarcon C

    studenthace 3 años

    Creo que ya entendí. justify-items:flex-end es una propiedad de css grid la cual esta bien aplicada pero es este código da igual si se coloca o no pues no se ve su efecto en la página.

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.

Curso de Maquetación en CSS [Empieza Gratis]
Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.