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

React Website using SCSS, grid

@jhunxein

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 6th react app adventure here in front end mentor. Looking for some feedbacks. Thanks

Community feedback

@AgataLiberska

Posted

Hi @jhunxein, well done on this challenge, it looks great! I would maybe try to play around a bit with the breakpoint though, I feel like only switching to the grid layout at 1440px leaves a lot of empty space. You could maybe add a two-column layout in between? Also, I would personally allow the cards stretch a little bit (only a little bit though) when in one column as well, again, to fill that empty space.

The only other thing I see that could be worked on is that accent border at the top of each card, it looks okay but you could try to figure out a combo of border-radius and width that makes it looks closer to the design? Or use a pseudo element instead of the border property :)

Hope this helps :)

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