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 using HTML and CSS

tmnguyen 100

@nntt1210

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


Any suggestions on improving the code would be appreciated!

Community feedback

hardy 3,660

@hardy333

Posted

Hey, nice solutions - good job.

But try to make it responsive on small screen sizes;

also add border: 2px solid var(--light-gray); on buttons, not only :hover state but also default state it will fix content shifting problem while hovering buttons.

Marked as helpful

4

tmnguyen 100

@nntt1210

Posted

Thank you for your advice

1
hardy 3,660

@hardy333

Posted

@nntt1210 You are welcome.

1
tmnguyen 100

@nntt1210

Posted

@hardy333 If it is possible, can you please take a look at my other solutions as well? I'm a beginner so your feedbacks would help me improve my solutions.

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