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.