HTML e CSS

Reproduzir todos os exemplos do Flexbox Patterns.

Reproduzir, pelo menos, os seguintes exemplos do Grid By Example:

• As many as fit, some tall;
• Header sidebar content footer;
• Subgrid and margin and more gap.

Crie uma página utilizando HTML e Bootstrap similar a esse PDF.

Garanta que a página também esteja bem estrutura para versão mobile, como neste PDF. Lembre-se: a versão mobile é em geral o mais acessado.

Faça um dos layouts demonstrados no artigo do blog da Wix: 10 best website layout ideas to get you started.

O assunto HTML e CSS rende ainda muitas horas de estudos adicionais, mas realizar os projetos acima já te da os conceitos básicos de criação de interfaces. Além disso, as IAs são muito eficientes na criação de interfaces.

Contudo, você pode se aprofundar no assunto pesquisando tópicos como:

• Padrões comuns de páginas web
• Sass e PostCSS
• Tailwind
• Componentes externos, como no UIVerse
• Style Guides
• Arquiteturas de CSS
• Design System