Skip to content
Submitted over 1 year ago

Responsive product card

sass/scss
BekzodIsakov•100
@BekzodIsakov
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?
  1. Most elements have different margin-bottom is mobile viewport. I had to use media-query for each element separately which caused code repetition. Instead I replaced it with sass mixin and a loop to apply style properties passed as mixin arguments. I couldn't use hard coded arguments since each element can accept different styles
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on BekzodIsakov's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord