Design comparison
Community feedback
- @Psargar616Posted about 1 year ago
Hey @GianlucaPagliuca! Impressive Product Preview Card Component Solution! 🚀
I wanted to drop a quick note to say how impressed I am with your Product Preview Card Component challenge solution! Your design skills are fantastic, and the desktop version looks spot on.Try reducing the size of ProductCard to get closer to original design.
One friendly tip: consider using responsive CSS units like percentages or viewport units instead of hardcoding values. This way, your layout will adapt more smoothly to different screen sizes, ensuring a great user experience on various devices.
#ProductCard{ width: 700px; height: 550px; }
For a little extra challenge, consider optimizing the design for mobile devices. It's a great way to enhance your responsive design skills further.
Also, down the road, experimenting with Tailwind CSS, Bootstrap, or even React.js could add an exciting twist to your projects. Each brings something unique to the table, and I think you'd enjoy the experience!
Remember, these are just little tweaks - your work is already fantastic! Keep up the amazing effort, and if you have any questions or need further feedback, don't hesitate to ask.
Keep up the great work! Looking forward to seeing your future creations. If you found this feedback useful, please mark this comment as helpful
Marked as helpful0
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