Skip to content
Submitted over 1 year ago

Responsive product preview card component

Louai Khodary•370
@LouaiKhodary13
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Maybe start designing using the mobile approach

What challenges did you encounter, and how did you overcome them?

No challenges encountered

What specific areas of your project would you like help with?

not a thing

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Rajaul Islam Ratul•1,250
    @ratul0407

    @LouaiKhodary13 congrats on completing this challenge🎉🎉

    You've done a really great job👍🚀. Answering to your question, The issue of border radius on .item-1 is not only limited on mobile screens it occurs for all screen sizes smaller than 1440px. And the reason is on your .container you've set a background-color: white. So the .item-1 has inherited the background and because of the border-radius the content has shrink so it's visible.

    Just remove the background: white from the .container and add it to the .item-2;

    I hope it was helpful for you👍👍

    Have a very nice day and happy coding😄

    Marked as helpful

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