1
resposta

Lista de exercícos

Espaçamento e tamanho do botões

  <div class="apresentacao__links">
                <a class="apresentacao__links__link" href="https://instagram.com/AniMartins">Instagram</a>
                <a class="apresentacao__links__link" href="https://github.com/MartinsAni8">GitHub</a>

Melhorando a visibilidade dos botões

.apresentacao__links__link {
  background-color: #22D4FD;
  width: 280px;
  text-align: center;
  border-radius: 16px;

Criando uma classe comum para botões

.apresentacao__links__link {
  background-color: #22D4FD;
  width: 280px;
  text-align: center;
  border-radius: 16px;
  font-size:  24px; 
  font-weight: 600;
  padding:21.5px 0 ;
  text-decoration:none ;
  

Ajustando o espaçamento interno dos botões

.apresentacao__links__link {
  background-color: #22D4FD;
  width: 280px;
  text-align: center;
  border-radius: 16px;
  font-size:  24px; 
  font-weight: 600;
  padding:21.5px 0 ;

Importando e aplicando a fonte correta

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

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

.apresentacao__conteudo__texto {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}
.apresentacao__links {
  display: flex;
  justify-content: space-between;
}
.apresentacao__links__link {
  background-color: #22D4FD;
  width: 280px;
  text-align: center;
  border-radius: 16px;
  font-size:  24px; 
  font-weight: 600;
  padding:21.5px 0 ;
  text-decoration:none ;
  color:#000000;
  font-family: 'Krona One', sans-serif;
}
/* Enquanto o valor none é responsável por limpar as decorações do elemento âncora, 
a propriedade border-radius torna as bordas dos links arredondadas.*/

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá!

Uau, que capricho tanto para compartilhar a atividade, como no seu código, ficou muito bem organizado, sensacional!

Seu código está muito bem estruturado, resultado ficou bem bonito, em destaque pela fonte.

Continue praticando e explorando cada vez mais!

Espero ter ajudado! Bons estudos!

Sucesso