Questão 11

Tarefa 11 Página Responsiva

Utilizando a ferramenta CodeSandbox e o template React, implemente uma aplicação em que são apresentados os seguintes componentes: um cabeçalho, um menu global, um menu contextualizado, um conteúdo principal, uma área de anúncio e um rodapé. Cada um desses componentes deve ser organizado utilizando o CSS Flexbox. O menu PRECISA estar funcional e no modelo Expande/Colapsa! Deve ser usado o conceito de Mobile-First, seguindo o protótipo a seguir:

Esta página deve ser responsiva: em caso de telas maiores, a página deve ser organizada utilizando o CSS Grid Layout, seguindo o protótipo a seguir:

Você pode usar o código de exercícios anteriores. Use CSS Modules para escrever os códigos de estilização.