Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Manipulando os botões. Dúvida Lista de Exercícios

Na lista de exercícios, opinião do instrutor, tem 2 exercícios que a opinião estão diferentes de como foi ensinado no vídeo da aula. Qual forma seria mais correta?

Exemplo os exercícios abaixo:

  1. Espaçamento e tamanho dos botões
  2. Melhorando a visibilidade dos botões

No vídeo ensina criar as classes para os botões e depois colocar no CSS alterando botões nas classes criadas.

1 resposta
solução!

Oi, Jussara! Como vai?

No curso, a forma ensinada de criar classes específicas para os botões e aplicar estilos diretamente nelas é uma prática comum. No entanto, os exercícios podem apresentar alternativas para te mostrar diferentes abordagens e reforçar o aprendizado.

Por exemplo, se no vídeo você aprendeu a construir o HTML e estilizar assim:

    <div class="apresentacao__links">
        <a  class="apresentacao__links__link" href="https://instagram.com/rafaballerini">Instagram</a>
        <a class="apresentacao__links__link" href="https://github.com/guilhermeonrails">Github</a>
    </div>
.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: 'Montserrat', sans-serif;
}

E no exercício a sugestão foi usar diretamente o seletor a no CSS sem as classes no HTML, como abaixo:

    <div class="apresentacao__links">
        <a  href="https://instagram.com/rafaballerini">Instagram</a>
        <a href="https://github.com/guilhermeonrails">Github</a>
    </div>
.apresentacao__links a {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  background-color: #06B9A1;
  color: white;
  cursor: pointer;
}

Qual a melhor abordagem?

Ambas funcionam, mas há diferenças:

Usar classes (como ensinado no vídeo) é mais flexível. Se você quiser modificar apenas alguns botões no futuro, pode criar novas classes sem afetar todos os links da página.

Usar o seletor a dentro da div pode ser útil se todos os links dentro desse bloco precisarem do mesmo estilo, sem exceção. Porém, isso pode dificultar a personalização individual dos botões depois.

Se o projeto for crescer, usar classes é uma abordagem melhor para manter o código organizado e facilitar futuras alterações.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada! Fico à disposição :)

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓