Skip to content
Submitted over 1 year ago

3 Column Preview Card Component

Yong Zhi•110
@pohyongzhi
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I would like to know if my code is well-structured and according to the standard conventions.

Thank you in advance!

Code

Please log in to post a comment

Log in

Community feedback

  • Marcos Travaglini•6,210
    @Blackpachamame

    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
  • Waldemar Glaz•845
    @waldekglaz

    hey @pohyongzhi

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

    Good job

    Marked as helpful

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