Back to Projects
Project CategoryFrontend
Project Showcase
Dribbble Clone
Pixel-perfect Dribbble landing-page clone focused on responsive layout and accessibility.
HTML5
SCSS (SASS)
BEM methodology
CSS3
+6 more
Project Overview
A faithful static clone of Dribbble's landing UI, built to practice layout, responsive design and accessibility.
Development Process
Challenges
Recreating a complex card/grid layout while keeping markup semantic and styles maintainable.
Solutions
Used SCSS with BEM for modular styles, prioritized semantic HTML and tested keyboard/screen-reader accessibility.
Results & Impact
Delivered a responsive, accessible prototype useful as a visual/UX exercise and portfolio piece.
Project Gallery
Tech Stack
HTML5
SCSS (SASS)
BEM methodology
CSS3
Responsive Web Design
Accessibility best practices
Web Accessibility
SEO basics
Git
GitHub
Key Features
- Responsive gallery & card grid layout
- Accessible markup with semantic HTML
- SASS (SCSS) with BEM naming for maintainable styles
- Optimized images and mobile-first design
