Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
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

Zara 140

@zlatozaraZlatkova

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

Mahdi Ali 180

@mahdicodes1

Posted

Hi there!

Here are my recommendations. Hopefully, you find them useful!

  • In the index.html file, your <h1> tag should be placed at the top of the page content. For more information, please refer to the following resources: using-h1-tag

  • In the button element, you have declared two classes that are not implemented. Please remove or replace those class names with valid class names. add and btn-success

  • You don't need to rewrite the code that remains unchanged in the media query section. For example, you can remove the corresponding CSS code for the class mentioned below in the media query section.

.block-hero-img {
  
background-size: cover;
background-repeat: no-repeat;
border-radius: 0.5rem 0.5rem 0rem 0rem;

}

Happy coding!

Marked as helpful

0

Zara 140

@zlatozaraZlatkova

Posted

@mahdicodes1 I'm glad that you like the assignment's performance. I will take your advice. The code has been updated. Thanks!

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