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

Product preview card component

@MichaelAgyebeng

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


the use of rem and percentage to design lengths. I will improve on it soon

Community feedback

@Mouradis

Posted

my advice is you may have started the media to early because in this small projects you can make desktop aspect the same as the tablet one but that is not a mistake in general but the mistake the styles of your website dont work on mobile try use max-width instead of min-width in the media query i think it should fix the problem

Marked as helpful

0

@Coltensiemer

Posted

Hey Michael!

Great job on the challenge. This finale product is responsive as it should be.

Here is something i notice which I think would to help your product.

HTML: Instead of using 'Div' everywhere, Use <h1> and <p>. This is better practice and better for accessibility.

Here is a great resource to view about HTML syntax and structure:

https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals

Marked as helpful

0

@MichaelAgyebeng

Posted

@Coltensiemer Much Appreciated. I would do well to use more accurate tags

0

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