Skip to content
Submitted almost 4 years ago

Responsive Four Card Section Using CSS Grid

Guliye•290
@guliye91
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Responsive CSS Grid in Action. Feel free to look and analyze my CODE. Ensure you also provide me with feedback. I highly appreciate.

Community feedback

  • Grace•31,270
    @grace-snowPosted almost 4 years ago

    Hi there,

    This doesn't quite look like the design yet, with left aligned text and the cards a lot smaller and more spaced out. On my mobile the cards are small and to the side as well. I'll pop a screenshot in slack for you so you can see what I'm seeing

    1
    Guliye•290
    @guliye91Posted almost 4 years ago

    @grace-snow thank you for the feedback. please kindly go through my code and add some codes to ensure the cards are not spaced out in mobile. what css code can i add to ensure the cards are not spaced out in mobile phones.

    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