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

3column preview card component

@chriscrea8

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

Solution retrospective


Please leave feedback on how responsive this solution is to your device.

Thanks.

Community feedback

@karenefereyan

Posted

It looks great on mobile. Could take up more width on desktop though. Keep on coding! Happy coding!

0

@chriscrea8

Posted

Thanks. I'll implement the desktop width. 👌

0
P
Patrick 14,325

@palgramming

Posted

well your mobile layout will not go smaller than 454px and as you can see in the screen shot comparison your desktop layout is much smaller than the target design

you got the overall design I would re-code this project trying to code it mobile first and then transition the size of the element to the desktop size

coding these projects multiple times is very helpful

0

@chriscrea8

Posted

I'm still building my skill on the mobile first approach. Thanks for mentioning it. Would be nice if you could suggest some resources to help on that.

0
P
Patrick 14,325

@palgramming

Posted

@chriscrea8 if you you have not work through this it is a good free resource https://www.freecodecamp.org/learn/responsive-web-design/

0

@chriscrea8

Posted

@palgramming thanks. I'll go through it.

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