Skip to content
Submitted almost 3 years ago

3-column-preview-card-component-main using grid and flex

Mary Njoroge•150
@Maryahcee
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

how do I add the webkit responsiveness the cards look off when I open with Firefox.

Community feedback

  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    Remove the width: property from the class .rows-dsktop. The cards will resize as you change the width of the browser window. I had to use the Dev Tools because your code link isn't working, so I don't know if that will fix the problem. It was working in Firefox after I did that.

    Hope this helps

    Marked as helpful
    1

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