Frontend Mentor - 3-column preview card component solution

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted about 3 years ago

  Hi Alessandro,

  Really great effort, it looks very close to the design.

  A few thoughts from me:

  • the border-radius property doesn't seem to be in the right place on desktop view
  • you could add a max-width to your .card class to ensure the card doesn't stretch all the way across the viewport when resizing for mobile (if you add margin: 0 auto; too that'll center it nicely)
  • you could add a hover affect to your buttons to match the design

  Good luck with it all!

  Marked as helpful

  2

  ---

  

  Alessandro•215

  @alessandro-giuzioPosted about 3 years ago

  @darryncodes Thank you Darry!

  0
• 

  anna•340

  @annab6Posted about 3 years ago

  Hi Alessandro, I think you need to fix font family on your <p> You could set it up on the body, and then just use Big Shoulders Display for headings. Happy Coding!

  Marked as helpful

  1

  ---

  

  Alessandro•215

  @alessandro-giuzioPosted about 3 years ago

  @Anna60991 Thank you Anna!

  0