Olá, tudo bem?
Realizei a atividade "08 - Solução do desafio da seção busca por categoria" e me surgiu uma dúvida.
Defini a tag <a> com display: flex, como solução para alinhamento vertical dos elementos dentro do card, como apresentado abaixo. Entretanto, assistindo o vídeo da atividade, a professora adota a utilização de margens com valores fixos e indica a decisão como padrão de mercado. Gostaria de entender melhor o motivo desse padrão, pois o estabelecimento de valores fixos podem exigir ajustes futuros em caso de alteração na fonte ou substituição do ícone. Há alguma recomendação para não utilização de display: flex em <a>?
.categories-cards .card {
width: 312px;
height: 220px;
padding: 24px 16px;
border-radius: 8px;
background-color: var(--backgorund-secondary-color);
color: var(--text-primary-color);
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
Indicações de Estudo