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