Instruções
Passo 33
Use a função
minmax para tornar suas colunas responsivas em qualquer dispositivo. A função minmax recebe dois argumentos, sendo o primeiro o valor mínimo e o segundo o máximo. Esses valores podem ser um comprimento, porcentagem, fr ou até mesmo uma palavra-chave como max-content.
Envolva cada um dos seus valores já definidos da propriedade grid-template-columns em uma função minmax, usando cada valor como o segundo argumento. O primeiro argumento deve ser 2rem, min-content e 2rem, respectivamente.
O que fazer:
Testes:
- O seletor `main` deve ter uma propriedade `grid-template-columns` definida como `minmax(2rem, 1fr) minmax(min-content, 94rem) minmax(2rem, 1fr)`.
Preview