- Ajustando o layout para telas menores
.principal{
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
padding: 2% 0% 0% 18%;
font-family: 'Krona One', sans-serif;
gap: 82px;
}
- Implementando media queries para mudança de layout
@media (max-width: 865px){
.cabecalho{
padding: 10%;
}
.cabecalho-menu{
justify-content: center;
}
.principal{
flex-direction: column-reverse;
}
}
