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 (Version Desktop)

@wendeltm

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


Was a great challenge to improve my skills, but a had dificulties to put the div side by side i used display:inline-flex, and with the :hover about "learn more". But i think was a great job, and i hope to improve more, any feedback is welcome. I tried the version mobile too in my github repositories.

Mobile: https://wendeltm.github.io/Chalenges-FrontEnd-Mentor/3%20card%20column/3%20column%20card%20mobile/index.html

Community feedback

Denis 1,060

@Mod8124

Posted

Hello, Goob job!

I checked your GitHub and saw that you build twice your project one for desktop and one for mobile, you don't have to do that, your solution has to be responsive which means that your design looks good on all devices here is the document you can check Responsive Web Design

Also, I recommend you learn about display: flex & grid is easier to get divs side by side or whatever you want it, here you can learn by playing flex

Marked as helpful

0

@wendeltm

Posted

@Mod8124 Thanks for the feedback, i like when somebody share devices and tips.

I will see your recomends to improve more, thanks.

0

@wendeltm

Posted

I made an update in my code, and now i did the code with Flex Box that i learn, visit my profile on Github, every feedback is welcome.

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