Skip to content
Submitted about 3 years ago

3 column card (Version Desktop)

semantic-ui
José Wendel•60
@wendeltm
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Denis•1,060
    @Mod8124

    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
  • José Wendel•60
    @wendeltm

    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.

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