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

3-column card component challenge hub with responsive design

@Bestobuddo

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


Hello again!! if you want, you can look my code and give me some advice or feedback, ill appreciate it so much!

Thank u for read my very bad english, I am from Chile.

Community feedback

Brett 80

@blpeters

Posted

Great looking solution! I was testing out the responsiveness for the mobile version in Firefox, and I noticed that the media query cutoff of (max-width: 375px) was too low to trigger the mobile versions for many mobile phone screens. I would suggest possibly adjusting the max-width in the media query to work for a larger number of devices.

0
CyrusKabir 1,885

@CyrusKabir

Posted

hello my dear friend ♥ it's good to use flex or grid but you should learn good their differences and powers i mean if you go and search about flex and grid you can find out where to use flex and where to use grid and where both of them

  • if you see buttons in main design you can see it's not that color you choose it's simple white or #fff and the border to at all you did good but fix the problems in responsive at first then go ahead for more challenges and more learnings ♥♥♥
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