Projeto da aula: Uso do CSS, dispondo de elementos com Flexbox e Grid
- Relacione o flexbox com maneiras já conhecidas de posicionamento de elementos
- Veja o flexbox e suas propriedades para o posicionamento de elementos
- Produza o cabeçalho utilizando as ferramentas do flexbox
- Identifique as limitações do flexbox
- Diferencie o flexbox do grid
- Prototipe o layout de um cartão utilizando propriedades básicas do grid
- Reconheça no layout do figma o que pode fazer parte de um grid
- Associe as propriedades novas com o que já existe de estrutura no projeto
- Veja como o layout atual se comporta em um dispositivo diferente
- Resolva os problemas com novas propriedades de grid
- Produza o restante do layout com novas propriedades de grid
- Identifique problemas como: repetição de código, manutenção e unidades de medida
- Entenda as vantagens de se utilizar a abordagem do grid
- Planeje como pode ser a construção das outras páginas do projeto utilizando as técnicas aprendidas
Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.
Para suporte, mande um e-mail para [email protected] Grato!