Boa noite, vi que tinha um tópico no fórum sobre essa mesma dúvida mas já foi encerrado e eu não consegui entender muito bem. No caso é sobre o uso desse repeat:
grid-template-columns: repeat(auto-fit, minmax(min(80%/2, max(350px, 80%/3)), 1fr));
Não entendi o que cada parâmetro do minmax está determinando e a ordem em que eles foram colocados. Agradeço se alguém puder me ajudar a entender :)
hoje, com a Alura e o Google Gemini
Olá,
A função css minmax() aceita argumentos: mínimo e máximo, respectivamente. Esta função css define um tamanho entre intervalos mínimos e máximos.
No exemplo dado, min(80%/2, max(350px, 80%/3) é o valor mínimo aceito. E 1fr é o valor máximo aceito.
Para mais detalhes sobre essa função css, recomendo visitar o link: https://developer.mozilla.org/en-US/docs/Web/CSS/minmax