Solucionado
Oi gente, acredito que seja muito simples, mas fiquei na dúvida. Fiz um site sobre as obras de Tolkien pra praticar, e quando terminei me deparei com esse desalinhamento dos ícones nos botões que dão para os links dos livros. Como faço pra deixar o texto de cada um centralizado e os ícones em "fileira" na vertical? Desde já obrigado!!
hoje, com a Alura e o Google Gemini
Oi Allan! Tudo bem contigo?
Bom, eu realmente prefiro que você compartilhe seu código, pois assim eu posso testar por aqui e ajudar de forma mais assertiva!
Contudo, os elementos dentro do botão podem ser separados de forma correta para os ícones ficarem alinhados no começo e o texto ocupar o outro lado.
Para isso, você só precisa ver qual é a classe da tag que tem os ícones do botão. E depois você pode adicionar as seguintes propriedades nos estilos dela:
.classe-do-container {
display: flex;
align-items: center;
justify-content: space-between;
}
Isso deve deixar os 2 filhos (ícone + texto) alinhados nas 2 extremidades dos botões, respeitando o espaçamento interno e externo.
Era isso. Se você puder mandar o código dessa parte eu posso ajudar melhor!
Abraços e bons estudos.