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

Zeinβ€’ 350

@Zein-MB

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

Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHello agaIn ZEIN =) , congratulations for your new solution!

Another fix for you:

In this container is better you remove the height because this is creating a huge gap in the container, note that in this situation height is not really necessary, because the container grows with the inner content

@media (max-width: 767px)
.main {
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    width: 90%;
    /* height: 100%; */
    margin-top: 1em;
}

πŸ‘‹ I hope this helps you and happy coding!

Marked as helpful

1

Zeinβ€’ 350

@Zein-MB

Posted

@correlucas Hello again :D I've fixed it, Thanks have a good day, happy coding!

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