Ecommerce-Site icon indicating copy to clipboard operation
Ecommerce-Site copied to clipboard

Product page responsiveness

Open czechyoungcoder opened this issue 5 years ago • 4 comments

  • 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! 😃 👍

czechyoungcoder avatar Oct 14 '20 16:10 czechyoungcoder

I'll take up this issue.

neeshaman avatar Oct 16 '20 03:10 neeshaman

Sure @neeshaman All the best!

fabcodingzest avatar Oct 16 '20 11:10 fabcodingzest

Please assign this to me!

sruthiragupathy avatar Oct 23 '20 14:10 sruthiragupathy

Sure @sruthiragupathy All the besttttt!

fabcodingzest avatar Oct 23 '20 14:10 fabcodingzest