Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Page using Grid to align the 4 cards

@YanBaetas

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


This is my first time using Grid in a project! Any suggestions on what/where to improve on the HTML and CSS? Thanks!

Community feedback

Renzo 175

@renzo4web

Posted

Hi Yan very good solution, congratulations for completing the challenge. Some points that I would improve

  • make the width of the card responsive (width:100%)
  • Decrease the icon spacing with the top text

Marked as helpful

1

@YanBaetas

Posted

@w3renzo Thank you for the precious feedback!

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