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 preview card component using flex-box

Álvaro 20

@AThees

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

Community feedback

@jesuisbienbien

Posted

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

0

Álvaro 20

@AThees

Posted

@jesuisbienbien Ohhh, thank you so much! I knew i was missing on something hahaha...

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