[Sugestão] ajuda

Olá, Larissa!

Para utilizar o @media no SASS, você pode seguir a mesma sintaxe do CSS convencional. A diferença é que você pode aninhar as regras de mídia dentro das regras de estilo, o que torna o código mais organizado e legível.

Aqui está um exemplo de como você pode usar o @media no SASS:

.container {
  width: 100%;

  @media (max-width: 768px) {
    width: 90%;
  }

  @media (max-width: 480px) {
    width: 80%;
  }
}

Nesse exemplo, a classe .container terá uma largura de 100% por padrão. No entanto, quando a largura da tela for menor ou igual a 768px, a largura será alterada para 90%. E quando a largura da tela for menor ou igual a 480px, a largura será alterada para 80%.

Dessa forma, você pode adaptar o layout do seu site de acordo com diferentes tamanhos de tela.

Espero ter ajudado e Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!