galera, como eu deixo meu menu responsivo, pra quando diminuisse a tela os topicos do menu ficasse em uma coluna, algo assim..
meu css:
*{
margin: 0; padding: 0;
box-sizing: border-box;
font-family: Verdana, Geneva, Tahoma, sans-serif;
outline: none; border: none;
text-decoration: none;
text-transform: capitalize;
transition: .5s linear;
}
html{
font-size: 62.5%;
scroll-behavior: smooth;
}
header{
position: fixed;
top: 0; left: 0; right: 0;
background: #f7f6f6;
padding: 2rem 9%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1000;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0,.1)
}
header .logo{
font-size: 2rem;
color: #5d2417 ;
font-weight: bolder;
padding-right: 6%;
}
header .navbar a{
font-size: 1.7rem;
padding: 0.1rem;
color: #5d2417;
}
header .navbar a:hover{
color:var(--pink)
}
header .navbar a:hover{
background-color: #753b1b;
}
.img-logo{
padding-right: 30px;
}
o corpo do site:
raimundo's Madeiras .
Produtos
Catálogo
Feiras de artesanato
Idéias de decoração
Contatos