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

HTML CSS Trial solution

@MazzGhani

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@davinceey

Posted

Hello Mazz Ghani. Congratulations on your first project! Some tips for you:

  1. You might want to wrap your entire code with the <main> tag. You can also use <section> tags to partition your layout. This would improve Accessibility.

  2. You made so much use of h4 and h5 which was not good HTML code practice. You should instead use the h1 tag as it obeys HTML order hierarchy.

  3. You can as well apply this to the body tag:

body{
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
}

This would help in centralizing your project.

Hope this helps you. Happy coding!

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