Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 years ago

3 column preview card component using flex-box

Álvaro•20
@AThees
A solution to the 3-column preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)
Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

  • Nguyen Nguyen•340
    @jesuisbienbien
    Posted about 3 years ago

    Hi Alvaro,

    Your solution looks great. My suggestion is to add cursor:pointer and transparent background for the buttons on hover.

    Here is what I did for my solution:

     &:hover {
          cursor: pointer;
          color: var(--very-light-gray);
          background-color: transparent;
          border: solid 3px var(--very-light-gray);
          transform: all 0.3s ease;
        }
    
    

    You can also view my code here

    I hope this helps.

    Nguyen

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub