0

Estoy haciendo un menú hamburguesa, y el estilo que le puse lo manda de forma horizontal y no vertical. ¿Qué tendría que cambiarle a mi css para hacerlo de forma vertical?

Adjunto código:

.Cabecera{
    width:100%;
    background-color: black;
    padding:1em;

    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;

    color:white; 
    }
    .Cabecera-a{
    color:white; 
      }
     .Cabecera-button{
    display:none;
    cursor: pointer;
       }
     .Cabecera-svg{
      width:2em;
      height:2em;
      fill:white;
    
      }
    .Cabecera-ul{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
     }
      .Cabecera-li{
      margin: 0 .5em;
      display: none;
     }

Estoy haciendo este menú en react y lo muestra de forma horizontal, no vertical.

3 respuestas 3

0

tienes que colocarlo en la clase principal osea display:flex;

1
  • Ahh El with Colócalo en un 10% ya que como tienes el 100% se toma toda la pantalla Avísame Si Te Funcionó Commented el 8 jul. 2022 a las 16:09
0

cambia el flex-direction: row; por el flex-direction: column; https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction

0

intenta colocarle la propiedad flex-direction: row para colocarlo en vertical

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.