Hola compas! alguien me podria ayudar con una duda? por qué pone flex-direction: column; si las etiquetas tienen el display block, ocupa ...

Pregunta de la clase:
Metodología VIM para Nombres de Clases CSS
José Jacobo Capa Angamarca

José Jacobo Capa Angamarca

Pregunta
student•hace 4 años

Hola compas! alguien me podria ayudar con una duda? por qué pone flex-direction: column; si las etiquetas tienen el display block, ocupa cada una todo el espacio del header, pienso que es innecesario o para que le aplica esa propiedad?

1 respuestas
para escribir tu comentario
    Fernando Alejandro Yerena Ramos

    Fernando Alejandro Yerena Ramos

    student•hace 4 años

    ¡Hola, @jacob7! El valor por defecto de

    flex-direction
    es
    row
    . Así que no importa si los hijos tienen
    display:block
    , cuando se cambia el header a
    display: flex
    ; estos se alinearían horizontalmente.

    Para prevenir eso, cambiamos

    flex-direction
    a
    column
    .

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Ir al curso
Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Ir al curso