Skip to content

Product page responsiveness #32

@czechyoungcoder

Description

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

Metadata

Metadata

Labels

add-featureAdding this feature to the app.enhancementNew feature or requesthackoctoberfestopen for hackoctober fest

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions