Estou tentando fazer um botão ancora, mas na estilização dele esta ficando grande de mais, e quando utilizo o "padding: 21.5px 0;" ele preenche um espaço muito grande
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Estou tentando fazer um botão ancora, mas na estilização dele esta ficando grande de mais, e quando utilizo o "padding: 21.5px 0;" ele preenche um espaço muito grande
Se você está enfrentando problemas com o tamanho excessivo do botão âncora devido ao uso do padding, você pode ajustar o tamanho do botão e o espaçamento interno utilizando outros valores ou técnicas de estilização. Experimente reduzir os valores de padding, ou em vez de usar padding, você pode experimentar com margin, line-height, font-size, ou combinações deles para alcançar o visual desejado.
Aqui estão algumas sugestões para estilizar o botão âncora de forma mais controlada:
padding:a.botao-ancora {
padding: 10px 20px; /* Ajuste os valores conforme necessário */
background-color: #007bff;
color: #fff;
text-decoration: none;
}
margin para controlar o espaçamento externo do botão:a.botao-ancora {
margin: 10px 0; /* Ajuste os valores conforme necessário */
padding: 15px 20px; /* Ajuste os valores conforme necessário */
background-color: #007bff;
color: #fff;
text-decoration: none;
}
line-height para controlar o espaçamento vertical:a.botao-ancora {
padding: 0 20px; /* Ajuste os valores conforme necessário */
background-color: #007bff;
color: #fff;
text-decoration: none;
line-height: 40px; /* Ajuste os valores conforme necessário */
}
font-size para controlar o tamanho do texto do botão:a.botao-ancora {
padding: 15px 20px; /* Ajuste os valores conforme necessário */
background-color: #007bff;
color: #fff;
text-decoration: none;
font-size: 16px; /* Ajuste o valor conforme necessário */
}
Experimente essas opções e veja qual delas se adequa melhor ao seu design. Lembre-se de ajustar os valores conforme necessário para obter o visual desejado.