Vamos criar isso de duas maneiras diferentes para que você tenha um bom entendimento de várias propriedades CSS. Você pode usar esse padrão de interfa...

Resolvendo problemas com CSS Grid e Flexbox: a interface do usuário do cartão
O padrão “card” teve grande sucesso nos últimos tempos, mas a maneira como os construímos ainda é limitada devido ao CSS disponível para nós. Até agor...

Grade CSS vs. Flexbox: qual você deve usar e quando?
Flexbox e CSS Grid são dois módulos de layout CSS que se tornaram populares nos últimos anos. Quando usar qual é outra questão. Ambos nos permitem cri...

2 maneiras de construir um rodapé fixo (Flexbox e grade CSS)
À medida que o CSS evolui rapidamente com novos recursos interessantes, as tarefas comuns de layout ficam cada vez mais fáceis. Para provar isso, nest...

Como construir uma barra de navegação responsiva com Flexbox
Flexbox é perfeito para navegação responsiva Flexbox é um módulo de layout versátil com o qual podemos criar layouts unidimensionais que requerem flex...