Desktop design

Lightbox design

Mobile design

E-commerce product page

<div class="md:basis-2/4  md:flex items-center hidden "><ul class="opacity-75"><li class="float-left px-3  ">Collections</li><li class="float-left px-3">Men</li><li class="float-left px-3">Women</li><li class="float-left px-3"> About</li><li class="float-left px-3"> Contact</li></ul></div>

<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>

<h6 class=" text-Orange font-bold  ">SNEAKER COMPANY</h6>

<h1 class="font-bold text-3xl md:text-5xl my-4">Fall Limited Edition <p>Sneakers</p> </h1>

<p class="w-11/12 md:w-8/12 my-3 opacity-75"> These low-profile sneakers are your perfect casual wear companion. Featuring a durable rubber outer sole, they’ll withstand everything the weather can offer.</p>

`Slide 1`><img class=`d-block rounded-md ` src=`/assets/image-product-1-thumbnail.4e7f5e07.jpg`></butt

`Slide 2`><img class=`d-block rounded-md ` src=`/assets/image-product-2-thumbnail.ad60b1cc.jpg`></butt

`Slide 3`><img class=`d-block rounded-md` src=`/assets/image-product-3-thumbnail.46570324.jpg`></butt

`Slide 4`><img class=`d-block rounded-md ` src=`/assets/image-product-4-thumbnail.7125519d.jpg`></butt

Please log in to post a comment

Community feedback

Product Page and Cart using react and redux-toolkit

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community