Product Preview Card Component built with SCSS and Flexbox

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

I am proud of getting the responsiveness just right, ensuring that the design closely matches the final vision. In my last project, the Recipe Page, I struggled with layout and responsiveness—I got everything looking right, but the structure didn’t quite work as intended. With this project, I’ve learned valuable lessons that I plan to apply when I revisit and improve the Recipe Page project.

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

I struggled with deciding whether to approach the design with a mobile-first or desktop-first strategy, as I wanted to avoid the same issues I faced in my last project. At first, getting the mobile layout right without affecting the desktop layout was a challenge. However, I worked through it by carefully adjusting breakpoints and testing the responsiveness at different screen sizes.

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

I took a different approach to handling responsiveness this time, and while I understand that every project requires a unique strategy, I’d love feedback on whether my approach makes sense. I’d also like to know if the techniques I used could be applied effectively in future projects.