![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/e9wrfktdck8wsrroynm8.jpg)
Product Preview Card Component Solution
Design comparison
Solution retrospective
I am most proud of forcing myself to use SCSS more and getting more comfortable with the current webpack/SCSS file structure and work flow that I'm using. I am more easily able to debug any issues that arise with my webpack setup and feel like I have more flexibility in how I set up my projects. I went with a mobile first design which made this project much easier since I only had to worry about the one media query and didn't have to change any of my grid settings to make it responsive for mobile.
What challenges did you encounter, and how did you overcome them?I initially started this project many months ago so when I came back to finish it I had to review my previous code and ended up changing quite a bit of things that I didn't deem necessary anymore. I struggled largely with getting the image and the body text to be symmetrical but was happy with how it turned out in the end.
What specific areas of your project would you like help with?I would like for everyone to check my responsiveness as much as possible. I still feel like a lot of my code is very redundant, over-complicated, and a bit inefficient. If anyone sees more efficient ways for me to tackle some of the layout I would absolutely love to hear it.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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