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

#using css grid

@z3sb

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Wendy 1,970

@wendyhamel

Posted

Very nice solution. I have only a few very small suggestions.

  • The background is a very light gray in the design, but white in your solution.
  • I noticed you have the mobile layout to a max-width of 375px. Wich is fine, however when you get between 375 and 1026px screen width you miss the padding around the set of cards and the rounded corners of the first and last card look off. Especialy when the cards wrap. You might want to give it some thought how you want to solve this in-between screen sizes problem. There are options for this, I recomend tinkering with it yourself untill you are hppy with the result.

I hope this helpes you out!

Happy coding!

Marked as helpful

0

@z3sb

Posted

@wendyhamel thank you for your advice. i will edit this solution

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