Skip to content

nawfelsekrafi/E-commerce-product-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - E-commerce product page

Design preview for the E-commerce product page coding challenge

Welcome! 👋

Thanks for checking out this front-end coding solution ❤. (please press f11 or activate full screen view to have the optimal experience)

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Open a lightbox gallery by clicking on the large product image
  • Switch the large product image by clicking on the small thumbnail images
  • Add items to the cart
  • View the cart and remove items from it

Links

My process

Built with

  • Semantic HTML5 markup
  • Flexbox
  • Vanilla javaScript 🔥

Releases

No releases published

Packages

No packages published