Olá, Ali!
Sua pergunta, na verdade, é ótima!
A altura (height
) e a largura (width
) são propriedades que podemos definir no CSS para controlar as dimensões de um elemento. No entanto, nem sempre é necessário ou apropriado definir ambas. Vamos entender o porquê.
No caso do exemplo da aula, estamos lidando com elementos de texto (os links dos botões). Quando estamos trabalhando com texto, é comum definir a largura (width
), mas deixar a altura (height
) ser determinada automaticamente. Isso ocorre porque o tamanho do texto pode variar (por exemplo, se o usuário aumentar o tamanho da fonte em suas configurações de navegador), e queremos que nosso layout seja flexível o suficiente para acomodar essas mudanças.
Portanto, a razão pela qual a altura (height
) não é usada tão frequentemente quanto a largura (width
) é que muitas vezes queremos que nossos elementos sejam flexíveis e se ajustem ao conteúdo que eles contêm. Mas isso não significa que nunca usamos a altura - em alguns casos, pode ser apropriado definir uma altura específica para um elemento.
Ou seja, o CSS fica responsável para realizar essa configuração automática, mantendo assim uma melhor proporção.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!