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

solution to the three column preview card challenge

@iyke-e

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


feedback would be appreciated

Community feedback

Fatlind Shehu 2,230

@fatlindshehu

Posted

Hi @iyke-e,

  • I think you need to work with your heights, you need to set some max-width & min-width, already the height of your components is too much on bigger screen sizes.
  • I would suggest using a design platform like FIGMA or Adobe XD to measure the sizes more precisely.
  • The border makes the button bigger, which can cause improper movements on the page, I would suggest doing this to prevent that movement: border: 1px solid transparent; on the button, and in button:hover background: transparent; border-color: #fff; color: #fff;.

Keep up the good work!

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