No css, grid-template-columns: 25% 25% 25% 25%; eu poderia substituir por 1fr, 1fr, 1fr, 1fr?
No css, grid-template-columns: 25% 25% 25% 25%; eu poderia substituir por 1fr, 1fr, 1fr, 1fr?
hoje, com a Alura e o Google Gemini
Bom dia Eric,
A unidade fr é diferente de % ou vw porque, enquanto estas descrevem partes de um conjunto de 100 unidades, frs são definidas pelo espaço que ainda não foi usado, ou seja, o espaço disponível. O uso de fr, diferentemente do uso de %, permite-nos ficar com números inteiros que são dimensionados em relação um ao outro, não em relação a um todo. Nesse caso 1fr equivale a 33,33% do espaço, então deve ter cuidado no uso dessa medida. As vezes ela pode mudar o modo que o layout se comporta.