¿Por que cuando ponemos “display: flex”, la lista se ve horizontal? Pensaba que habia que usar “flex-direction: row” para eso

Damián López

Damián López

Pregunta
student
hace 5 años

¿Por que cuando ponemos “display: flex”, la lista se ve horizontal? Pensaba que habia que usar “flex-direction: row” para eso

5 respuestas
para escribir tu comentario
    Alejandro Tangarife Rivas

    Alejandro Tangarife Rivas

    student
    hace 5 años

    Lo que pasa es que el buscador siempre va a tener un valor inicial o por defecto, en este caso, el flex-direction: row; es un valor inicial.

    Karen Hernández

    Karen Hernández

    student
    hace 5 años

    flex-direction: row viene por defecto al utilizar display: flex, por eso no se escribe.

    Alejandro Tangarife Rivas

    Alejandro Tangarife Rivas

    student
    hace 5 años

    por que Flex significa flexible, osea que hará que las cosas se estiren, y por defecto en los navegadores la primera instrucción por defecto del display flex es flex direction: row, si quieres cambiar ese parámetro inicial, lo puedes hacer con

    flex-direction: column;
    . En todo caso esto solo será el orden en el que van a fluir los datos.

    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Lo que sucede es que flex-direction tiene por defecto el valor de row. Aunque siempre podrás cambiarlo para trabajar en columna :D

    John Cardenas

    John Cardenas

    student
    hace 5 años

    Hola damian.

    Esto ocurre porque el display: flex viene por defecto con flex-direction: row. Por lo tanto hacer esto:

    display: flex; flex-direction: row;

    Sería redundante.

    Saludos!

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.