Submitted 7 months ago

Product Preview Card Component - Frontend Mentor Challenge

Aleji0309•150

@Aleji0309

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

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

I'm most proud of how accurately I recreated the layout and design using only HTML and CSS, achieving a clean and responsive result that matches the original challenge design. It showed me how powerful CSS Grid and Flexbox can be when used correctly.

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

One of the main challenges was getting the layout to look consistent across different screen sizes. I initially struggled with aligning elements properly using CSS Grid and Flexbox. After experimenting with grid-template and inspecting the layout in the browser's developer tools, I managed to adjust the structure and spacing for better responsiveness.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Aleji0309's solution.

Join 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