Gente estou fazendo um projeto pessoal, mas estou usando como base um projeto do curso Responsividade com Mobile-First.
Agora estou estilizando a parte do cabeçalho, onde coloco algumas imagens dentro de uma tag .
Mas quando fui definir o espaçamento a tag parece q tem um padrão de espaçamento e isso está me atrapalhando.
.
Como faço para retirar esse espaçamento indesejado ou centralizar os itens?
Edit: Esse é o meu código html:
- Categorias
/*Essa é a Parte que eu estou em Dúvida*/
E esse é o CSS: .cabc__menuh{ width: 24px; height: 24px; background-image: url("../img/Menu.svg"); display: inline-block; background-repeat: no-repeat; background-position: center; } .cabc{ background-color: var(--cor-menu); display: flex; justify-content: space-between; gap: 30px; align-items: center; position: relative; }
.cont{ display: flex; align-items: center; }
.cont1{ display: flex; align-items: center; flex-direction: row; }
.cont__img{ padding: 1em; }
.cont__img1{ width: 50%; padding: 0; }
