Mobile-first -product-preview-card

What are you most proud of, and what would you do differently next time?

1. How to use preprocessor like SaSS

• Define variables

$primary-color: #3498db;

• Define mixin
• Define combined rules

However, in this case, I don't think it is necessary to use SaSS, since there are limited variables.

2. How to add strikethrough

.strikethrough-text {
  text-decoration: line-through;
}

3. How to add a responsive picture The image source will change according to the media scale, instead of simply switching the size of image. source only indicate the source of the image. But most of css styles are still changed by img

This can match with media queries. The image will change and some other styles.

@media (min-width: 43rem)

What challenges did you encounter, and how did you overcome them?

When it is necessary to use preprocessor like SaSS to style the css codes? I did not use preprocessor in the project, but I still add one potential sass file if i would use sass.

What specific areas of your project would you like help with?

When it is necessary to use preprocessor like SaSS to style the css codes?