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

Shamizen 60

@shamizen

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


I'm doing my best, and I'm hoping you can help me improve this project.

Community feedback

@rngueco

Posted

Hey Shamizen!

Great job on this 🙂

Here's a tip on the hover effect for the "Learn More" buttons: add the borders before hovering (normal state), and then change only the background on hover. That way, your buttons will not appear to be growing in height when hovering over it.

For the paragraphs, it's usually good practice to put a line-height greater than the font-size of the text. This helps with readability, especially for text-heavy content.

Cheers and happy coding! 🎉

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