Aprenda sobre CSS Grid criando uma revista - Passo 77

Conte-nos o que está acontecendo:
Você deve ter uma nova @media query para `only screen and (max-width: 720px) . Não sei como colocar esse codigo como esta pedindo.

Seu código até o momento
@media (only screen) and (max-width: 720px)
{

}
AVISO

O código de seed do desafio e/ou sua solução excederam o comprimento máximo que podemos transportar do desafio.

Você precisa realizar uma etapa adicional aqui para que o código que você escreveu apresente um formato de fácil leitura.

Copie e cole todo o código do editor mostrado no desafio de onde você acaba de fazer o link.

Substitua essas duas frases pelo código que você copiou.
Deixe as linhas com ``` acima e ``` abaixo de seu código,
pois elas permitirão a formatação adequada de seu código na publicação.

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Desafio: Aprenda sobre CSS Grid criando uma revista - Passo 77

Link para o desafio:

Oi, @rhuanfvm! Boas-vindas ao fórum do freeCodeCamp. Para resolver o problema, basta remover os parênteses ao redor de only screen. Não se esqueça também de adicionar dentro das chaves da media query o seletor da classe a ser modificada, a propriedade e o valor específicos solicitados no enunciado:

...crie um seletor .image-wrapper e dê a ele uma propriedade grid-template-columns de 1fr.

Bons estudos! :smiley:

1 Like