Ecommerce-Site
Ecommerce-Site copied to clipboard
Product page responsiveness
- Code up media queries for the product list page inside (
src/styles/sass/pages/_product-list.scss) so the products stack up on each other exactly the way they do in our figma design file. Refer to it. - Inside of the design file, see carefully the number of products for each row depending on the device viewport, and notice that the desktop version shows product in a way bigger size.
- Don't forget to use media queries by including an already defined mixin from (
src/styles/sass/abstracts/_mixins.scss) and as always, follow mobile-first approach.
All the best! 😃 👍
I'll take up this issue.
Sure @neeshaman All the best!
Please assign this to me!
Sure @sruthiragupathy All the besttttt!