Responsive Product Preview Card using CSS Flexbox and Grid

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

Got a chance to learn some Sass basics

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

Struggled with desktop design which requires placing two equal width containers side by side. I tried using Flexbox but it was too cumbersome. Switched to CSS Grid which made it easy.

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

1. First time made a project using Sass. So any feedback is welcome
2. Used width: 100%; height: 100% on to fully cover the container with image. Please let me know if there's a better way to do it
3. I created mixins for strikethrough text so that screen readers can read it. Please go through the code and let me know if I've made any mistakes there