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

Responsive Four Card Section Using CSS Grid

Guliye 290

@guliye91

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Grace 27,650

@grace-snow

Posted

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

@guliye91

Posted

@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
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