Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 1.53 KB

README.md

File metadata and controls

47 lines (34 loc) · 1.53 KB

📸 Galleria

Bem-vindo ao Galleria, uma galeria de fotos estilosa construída com HTML, CSS e Sass! 🚀

🎯 Funcionalidades

  • Navegação responsiva 🔄
  • Cards de fotos interativos 📷
  • Links para redes sociais 🔗
  • Interface limpa e moderna 🎨

🛠️ Tecnologias Utilizadas

  • HTML5 🖼️: Estrutura semântica do projeto.
  • CSS3 🎨: Estilos responsivos e personalizações.
  • Sass (SCSS) 💎: Pré-processador de CSS que melhora a organização e manutenção do código.
  • JavaScript 💻: Scripts para acessibilidade e interações dinâmicas.
  • Font Awesome 🎥: Ícones para redes sociais.

🚀 Pré-processamento com Sass

O projeto utiliza Sass para escrever estilos de forma mais eficiente e organizada. Aqui estão os principais benefícios de usar o Sass:

  • 🌀 Modularização: Estilos divididos em diferentes arquivos para melhor organização.
  • 🧬 Variáveis: Cores e tamanhos reutilizados ao longo do código, facilitando ajustes rápidos.
  • 🎛️ Mixins: Blocos de código reutilizáveis, como centralização de flexbox e imagens de fundo.
  • 🌐 Responsividade: Media queries dinâmicas para mobile first.

Exemplo de uso de Sass no projeto:

@use 'variables';
@use 'mixins';

.header {
  display: flex;
  justify-content: space-between;
  @include mixins.container;
  
  &-brand {
    color: variables.$primary-color;
    font-size: 3rem;
  }
}
sass.mp4