Skip to content
Submitted about 2 years ago

Tailwind CSS

Jose Nectali•180
@Necta-glitch
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I've only had a little problem with the border-radius when I use the media query in tailwind because it applies the conditions of the query but at the same time it doesn't quite the border-radius that already have it takes both of them.

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    Hello Jose, congratulations for your solution!

    To fix this issue woththe border radius is better you dont use overflow: hidden instead of tjst apply border-radius for the image and dor container amd apply changes for the image when the media query gets activated.

    For example for the image mobileborder-radius: 14px 0 0 14px and mobile border-radius: 14px 14px 0 0;

    Hope this helps you to fix these issues, keep it up!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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