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

Yong Zhi 110

@pohyongzhi

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 would like to know if my code is well-structured and according to the standard conventions.

Thank you in advance!

Community feedback

@Blackpachamame

Posted

Very good work!

Some details that may be useful to you:

  • To make that annoying movement disappear when hovering over the buttons, simply add a border: 1px white solid to your btn class, you no longer need to have it in btn:hover.
  • You could pass the CSS properties of the main directly to the body and eliminate that main, it's like it's left over. Although instead of <section class="component"> I would put it as <main class="component"> since it is the main content of the site.

Marked as helpful

1
P

@waldekglaz

Posted

hey @pohyongzhi

Try to fix "jumping" effect when hover over learn more buttons.

Good job

Marked as helpful

1

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