Responsive Product Sales Layout - SASS

Este README também está disponível em Português.

A responsive product sales website layout built with SASS/SCSS and HTML5. The project demonstrates modular SCSS structure, responsive grid layouts, and reusable design variables.

🔗 Live Demo: View on Vercel

About

This project was created to practice structuring a clean and modern e-commerce landing page. It features a sticky navigation header, product cards with images and descriptions, and responsive design adjustments for tablets and mobile devices. The SCSS codebase is modular, using variables and configuration files for better maintainability.

Technologies Used

• HTML5
• CSS3
• SASS/SCSS
• Responsive Design

Features

• Sticky navigation header with responsive menu;
• Responsive product grid with images, titles, descriptions, and action buttons;
• SCSS variables for colors, typography, and breakpoints;
• Reusable layout structure with reset and configuration files;
• Fully responsive design for desktop, tablet, and mobile devices.

Commit Highlights

• Initialized project with SASS configuration and structure;
• Created reset.scss and variaveis.scss for clean and modular code;
• Converted plain CSS into SCSS with variables and responsive breakpoints;
• Implemented product grid layout with responsive adjustments;
• Added placeholder images and buttons for product details;
• Improved mobile responsiveness and alignment across sections.