Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Desktop view, only html and css utilized.

@orpd0523

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I continue to struggle with the fonts. After I figured the fonts out the margins finally started working with me. Any feedback on how I can improve my code is welcomed and appreciated! 😊 How long should a small project like this take on average?

Community feedback

@HunigoleSan

Posted

Hello!👋 @orpd0523

Great job on completing the challenge for computer devices. Here, I'm sharing 3 topics for your professional development research:

-Investigate BEM CSS Methodology

-Research CSS Reset or Normalize

-Explore Web Responsive Design and Media Queries

Let's explore and grow professionally! 🌱

Marked as helpful

1
P
solvman 1,670

@solvman

Posted

Hi @orpd0523 👋

Congratulations on completing the project! 🎊 Your eye for sizing and typography is excellent! 👌

However, your design needs more responsiveness. I suggest you review the recently released article "A practical guide to responsive web design" and update your project!

Keep up the good work! 🎊

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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