Skip to content
Submitted over 2 years ago

Solution using pure HTML and CSS

Atharva Gaikwad•70
@Atharva-0710
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey guys, I completed this challenge. Any suggestions on improvement are welcome. Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Hassia Issah•50,390
    @Hassiai

    wrap <div class="attribution"> in the footer tag to fix the accessibility issues.

    Give the body a background color of hsl(0, 0, 95%).

    To center the main on the page using flexbox, add min-height:100vh; display: flex; align-items: center: justify-content: center; to the body.

    To center the main on the page using flexbox:
body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    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