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

Responsiveness, Grid, Flex

@navnithi

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

Solution retrospective


. To make the UI responsive was difficult

Community feedback

@lazy4gyan

Posted

Congratulations, for successfully completing the challenge!

I have a question to ask you, why have you not given the same height to your all three cards?

  • If you want to highlight your particular card when it is being hovered over then you should use the :hover selector and use scale property to differentiate your card among remaining two cards.
  • Avoid unnecessary comments, until the code is difficult to read for others you think.

Marked as helpful

0
hitmorecode 6,230

@hitmorecode

Posted

Well done congratulations. Just a few comments.

  • You forgot to add the images to your page
  • Your font styles doesn't match the ones in the design
  • All three cards should have the same height
  • Only the first and last card have a border radius

You should also include a link to your live site.

Marked as helpful

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