3 Column Preview Card Component

Community feedback

• 

  Fatlind Shehu•2,230

  @fatlindshehuPosted over 2 years ago

  Hi @waikoo,

  Your component looks great, it's responsive, and it fits very good on small screen devices, I would suggest some general changes and a tiny detail:

  • The border-radius makes the button bigger, I think you should use a different approach to make the outline show as in the design.
  • To the button set a border ex border: 1px solid transparent; you set it as transparent because you don't want it to show on the main state.
  • button:hover { background: transparent; border-color: var(--white); color: var(--white);} on hover you set the background to transparent and the button to white and the outline shows from the inside & the size of the button doesn't change.

  For general purposes, I would suggest using rem instead of px, px tend to be problematic on bigger projects when trying to make the site responsive.

  Keep it up & happy coding...

  Marked as helpful

  1