1
resposta

[Projeto] Exercicios resolvidos

1.

.apresentacao__botoes{
  display: flex;
  justify-content: space-between;
} 

.apresentacao__botoes__link{
 background-color: var(--verde-botao);
  width:120px;
  text-align: center;
  border-radius: 6px;
  padding:10px 10px;
  list-style: none;
  text-decoration: none;
}

2.

.apresentacao__botoes__link{
 background-color: var(--verde-botao);
  width:120px;
  text-align: center;
  color:var(--marrom-texto);
  font-size: 16px;
  border-radius: 6px;
}

3.

<div class="apresentacao__botoes">
        <a class="apresentacao__botoes__link" href="https://www.linkedin.com/in/valentina-sousa-318636376/">Linkedin</a>
        <a class="apresentacao__botoes__link" href="https://github.com/ValentinaSousa">Github</a>
      </div>

4.

.apresentacao__botoes__link{
 background-color: var(--verde-botao);
  width:120px;
  text-align: center;
  color:var(--marrom-texto);
  font-size: 16px;
  border-radius: 6px;
  padding: 10px 10px;
}

5.

.apresentacao__botoes__link{
 background-color: var(--verde-botao);
  width:120px;
  text-align: center;
  color:var(--marrom-texto);
  font-size: 16px;
  border-radius: 6px;
  padding: 10px 10px;
  list-style: none;
  text-decoration: none;

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

1 resposta

Olá, Valentina, como vai?

Seu trabalho com os botões está muito bem feito. A utilização do Flexbox para alinhar os botões horizontalmente está correta com display: flex e justify-content: space-between, garantindo um espaçamento equilibrado entre eles. A classe .apresentacao__botoes__link apresenta propriedades que ajudam a ajustar o tamanho, cor, arredondamento e padding dos botões, o que melhora a aparência e a usabilidade.

Obrigado por compartilhar seu código aqui no fórum. Continue praticando e enviando seus exercícios quando quiser, estamos à disposição para ajudar.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!