This is a solution to the Product preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover and focus states for interactive elements
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Scss
In this challenge i focused only on writing Scss and understanding how it works. I tried not to get distracted with other stuff and tried my best to get a good grasp on this technology.
I am going to continue to study Scss an try to use bootsrap in my next challenge. I would also like to have a better file organization so i will try to find a logical way of structuring my folder.
- LinkedIn - Frees Mike
- Frontend Mentor Profile - Mike Frees