Posicionar e estilizar botões: Descobrimos como organizar e estilizar botões de maneira eficiente, garantindo que sejam visíveis, acessíveis e consistentes com o design do projeto. As propriedades justify-content e align-items em Flexbox foram fundamentais nesse processo.
Criar e utilizar divisões (divs): Exploramos como as divs são úteis para agrupar elementos no HTML e estruturar a página de forma organizada. Entendemos que, mesmo sem valor semântico, elas são poderosas aliadas no desenvolvimento de layouts.
Identificar o espaçamento no Figma: Aprendemos a importância de analisar e aplicar o espaçamento definido no design. As ferramentas de medição no Figma nos ajudaram a replicar fielmente os padrões de espaçamento nos nossos projetos.
Retirar o sublinhado com o text-decoration: Com o uso da propriedade text-decoration: none;, personalizamos os links, retirando o sublinhado padrão e adaptando-os ao estilo visual do projeto.
Arredondar bordas com border-radius: Vimos como a propriedade border-radius transforma bordas retas em elementos com cantos arredondados, adicionando suavidade e modernidade ao design.