README.md

📌 Introdução

Layout do website Vida Saudável - Equilíbrio nos Pilares da Saúde, utilizando os pré-processadores CSS: SASS e SCSS.

🔍 Sobre a interface

Construção da interface com SASS/SCSS

A interface foi contruída utilizando HTML juntamente os pré-processadores CSS: SASS e SCSS.

Diversas práticas foram utilizadas no processo de construção da interface, tais como:

• Aninhamento das classes de estilos com Sass, semelhante ao código HTML;
• Organização dos arquivos de estilos criando partials, que contêm pequenos trechos de CSS que podem ser incluídos em outros arquivos Sass;
• Modularizamos o CSS tornando as folhas de estilos mais fáceis de manter;
• Estilizamos o navbar e incluímos o efeito hover através do operador &.
• Realizamos operações matemáticas para ajustar os tamanho dos textos das tags h1 e do h2;
• Entendendo o escopo de atuação das variáveis: global (variáveis declaradas no nível superior de uma folha de estilo) e declaradas em bloco (geralmente são locais e só podem ser acessados dentro do bloco em que foram declarados).
• Modularizamos os códigos de estilo criando a partial de serviço e cupom;
• Estilizamos o footer da aplicação com um arquivo .sass e vimos como aplicar a sintaxe recuada de forma prática.

📲 Midia

Sobre a interface:

Interface principal

🚀 Conclusão e próximos passos

Optei por adotar uma abordagem voltada às melhores práticas para otimizar esta interface. Meu foco primordial recai sobre a garantia de uma manutenção de código mais eficaz.

Este caminho me capacita a direcionar todo meu empenho para aperfeiçoar a reutilização e o reaproveitamento de código, bem como aprimorar individualmente cada elemento deste site.

Para obter mais informações sobre minha trajetória ou para entrar em contato, sinta-se à vontade para explorar meu perfil no LinkedIn: https://www.linkedin.com/in/rubens-fs/.