1
resposta

Meu subtítulo e botões não ficam com o espaçamento

@import url('https://fonts.googleapis.com/css2? family= Krona+One & family= Montserrat:wght@100;400;600 & display=swap');

  • { margin: 0; padding: 0; }

body{

box-sizing: border-box; background-color: black; color: white;

}

.titulo-destaque {

color: aqua;

}

.apresentacao { margin: 10% 15%; display: flex; align-items: center; justify-content: space-between;

}

.apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 40px; }

.apresentacao__conteudo__titulo { font-family: 'krona one', sans-serif; font-size: 36px; }

.apresentacao__conteudo__texto { font-family: 'Montserrat', sans-serif; font-size: 24px; }

.apresentacao__links{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px; }

.apresentacao__links__subtitulo{

font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 24px;

}

.apresentacao__links__link { display: flex; justify-content: center; gap: 16px; border: 1px solid aqua; width: 378px; text-align: center; border-radius: 8px; font-size: 14px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: white; font-family: 'Montserrat', sans-serif; }

.apresentacao__links__link:hover { background-color: #272727; }

.rodape { padding: 14px; color: black; background-color: aqua; text-align: center; font-family: 'Montserrat', sans-serif; font-size:24px; font-weight: 400; }``

1 resposta

Oi Mauricio, tudo bem com você?

Sinto muito que está com esse problema, vamos resolver isso!

Aqui estão algumas dicas para resolver o problema:

  • Verifique as Classes: Certifique-se de que as classes apresentacao__links__subtitulo e apresentacao__links__link estão sendo usadas corretamente nos elementos HTML.

  • Reveja as Propriedades: Verifique as propriedades gap, justify-content, align-items e margin para garantir que elas estão configuradas corretamente e não estão sendo sobrescritas por outras regras de estilo.

  • Depure o Estilo: Use as ferramentas de desenvolvedor do navegador para inspecionar os elementos e suas propriedades de estilo. Isso pode ajudar a identificar se alguma outra regra de estilo está afetando o espaçamento.

  • Limpe o Cache: Às vezes, o cache do navegador pode interferir na renderização correta do estilo. Tente limpar o cache do navegador ou recarregar a página.

Se você ainda estiver enfrentando problemas após verificar esses pontos, compartilhe mais detalhes, como o HTML onde essas classes estão sendo usadas, para que eu possa oferecer uma análise mais específica e direcionada para o problema.

Espero ter ajudado, qualquer dúvida estou à disposição.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!