Esses exercícios são ótimos para a gente realmente entender o fluxo básico de organização em HTML e CSS. Dá aquele clique de como alinhar as coisas usando Flexbox, e o legal é que não fica só na teoria. É "mão na massa" de verdade, que ajuda a fixar conceitos como flex-direction, gap e como estilizar elementos individuais.
Adicionando o subtítulo, por exemplo, parece algo pequeno, mas é um exercício de semântica e hierarquia visual, super importante pra acessibilidade. O Flexbox vem logo em seguida pra ensinar que alinhar e espaçar elementos é tão simples quanto trocar um valor no CSS. A sacada de usar flex-direction: column é o básico do básico, mas quando aplicado com outras propriedades como gap e align-items, dá pra ver como o layout ganha forma rapidinho.
Estilização Essa parte de mudar as cores, ajustar bordas e fontes é onde você percebe o impacto visual direto. Quem não gosta de ver um botão bem estilizado, com texto bem alinhado e cores harmônicas? Criar a classe só pro subtítulo foi uma boa introdução à ideia de reutilização de código e modularidade. Isso é ouro quando você quer manter tudo organizado.
E mexer nos botões? Mudança de cor, espaçamento, largura fixa... É aí que percebemos como os detalhes contam. E sabe o que é mais legal? Esses detalhes são as coisas que fazem alguém olhar pra uma página e pensar: "Caramba, tá profissional!"
