Segue os codigos HTML:
< !-- -- >- Categorias
- Programação Front-End Infraestrutura Business Design & UX
Segue os códigos CSS do header:
.cabecalho{ background-color: var(--branco-header); display: flex; justify-content: space-between; align-items: center; position: relative;
}
.cabecalho__menu-hamburger{ width: 24px; height: 24px; background-image: url("../img/Menu.svg"); background-repeat: no-repeat; background-position: center; display: inline-block;
}
.container{ display: flex; align-items: center; }
.container__imagem{ padding: 0.7em; }
.lista-menu{ display: none; position: absolute; top: 100%;
}
.container__botao:checked~.lista-menu{ display: block;
}
A ideia é deixar as categorias uma embaixo da outra, copiei igual o da professora, mas aparentemente fiz algo errado( Curso-HTML E CSS: responsividade com mobile-first)
