1
resposta

[Bug] VÍDEO INCOMPLETO

Prezados, boa tarde!

A partir do minuto 14:45, a professora informa que ao adotar o caminho de preenchimento, podemos retirar as medidas de largura e altura.

No entanto, o vídeo corta para o código considerando o ajuste com text-align e line-height com as medidas de largura e altura aplicados.

Além de causar confusão, não temos a explicação de como utilizar o preenchimento, dado que, ao aplicar até onde a aula mostra, o botão fica desalinhado.

Gostaria de solicitar o ajuste nesse ponto e a explicação de como ajustar o desalinhamento do botão.

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

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Ola amigo.
Segue abaixo algumas propriedades que pode utilizar para testar o design em seu botão:

  1. background-color: #000000; # Define a cor de fundo do botão
  2. color: white; # Define a cor do texto
  3. border: 2px solid #000000; # Define a borda do botão
  4. border-radius: 8px; # Arredonda os cantos do botão
  5. padding: 10px 20px; # Define o espaçamento interno
  6. font-size: 16px; # Define o tamanho da fonte
  7. font-weight: bold; # Deixa o texto em negrito
  8. text-align: center; # Alinha o texto ao centro
  9. cursor: pointer; # Muda o cursor para ponteiro
  10. transition: background-color 0.3s ease; # Transição suave na cor de fundo
  11. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); # Adiciona sombra ao botão
  12. outline: none; # Remove o contorno ao focar
  13. width: 150px; # Define a largura do botão
  14. height: 50px; # Define a altura do botão
  15. opacity: 0.8; # Define a opacidade do botão
  16. display: inline-block; # Torna o botão em bloco em linha

Essas propriedades são essenciais para controlar a aparência e o comportamento de um botão com CSS.
Voce pode modificar os valores e se precisar de sugestões aperte ctrl + space no vscode.
Testa ai e avise os resultados.
Bons estudos.