Amazon Clone

A classic static e-commerce homepage layout mimicking Amazon's catalog grid, navigation headers, and responsive product columns.

Live Demo

View Source Code

Key Highlights

HTML · CSS · Static Layout

Grid and flexbox layouts rendering columns across mobile and desktop screens
Custom CSS styling simulating the Amazon search bar and navigation banners
Semantic HTML structures organizing product lists
Lightweight assets for immediate loading without script overhead

Tech Stack & Tools Used

HTML

CSS

Responsive Layout

01. Problem

Practice responsive grid alignments on highly complex commercial storefront layouts.

02. Design

Matched color schemes, font spacing, and product cards of Amazon's portal.

03. Build

Wrote raw HTML5 structure and custom media queries in vanilla CSS.

04. Outcome

Created a pixel-perfect homepage copy that loads instantaneously.

Outcome

Built a fully responsive product catalog grid mimicking Amazon's storefront layout.

Demonstrates end-to-end software execution, clean UI polish, and practical problem solving.

Back to Portfolio

MRG.

Initializing Experience...

Back to portfolio

Case StudyFrontend2026

E-Commerce Mockup Interface