This is a solution to the Product preview card component challenge on Frontend Mentor
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover and focus states for interactive elements
- Solution URL: https://github.com/Jlovellealfeche/product-preview-card-component
- Live Site URL: https://jlovellealfeche.github.io/product-preview-card-component/
- Semantic HTML5 markup
- Flexbox
- SASS
- Mobile-first workflow
I have learned how to use SASS to build this Product card. However i am having difficulty in dividing the sass into different files. i have tried to do import on variables only. But when i tried to make a separate media query file and used import it didn't work well and the design .
So i was wondering if anyone could give me some tips on writing proper sass and how to properly import files.
- https://www.youtube.com/watch?v=Zz6eOVaaelI - This helped me in sass. I still have a long way to go but i would like to improve
- Frontend Mentor - @Jlovellealfeche