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

Four Card Feature with CSS Grid

Bethany 855

@whimsicurl-creations

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


Feedback is always welcome. Thanks for taking a look!

Community feedback

Adarsh Pratap 5,515

@adarshcodes

Posted

Hey! @Bethany, Great work everything looks fine. You can make a few changes for responsiveness, like make two cards in a row for responsive screen size 700px around and after making them in a single row.

2

Bethany 855

@whimsicurl-creations

Posted

@adarshcodes Good point! Maybe I will continue to play around with it and make it multi-column for tablets. Thanks for the suggestion and for taking a look!

0
Bethany 855

@whimsicurl-creations

Posted

Excellent suggestion! I've updated my solution to include a tablet layout as you suggested. I feel like I'm also getting better with CSS Grid since the additional layout took very little time to add. Thanks again for the recommendation.

1

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