Skip to content
Submitted over 2 years ago

Made using css flexbox

Alexandru Stefan Gherhes•580
@AlexandruStefanGherhes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Nothing much to add here, i enjoyed completing this challenge. The only hiccup that i encounter was when trying to apply justify-content:center to align vertically the content in the page, in my mobile display half of the first first card was out of the display and unable to scroll up to it, hence i just applied margin-top to the whole section element.

Community feedback

  • imad•3,330
    @imadvvPosted over 2 years ago

    Greetings Alexandru Stefan Gherhes!! Congratulations on completing This challenge!, 👏👏👏. easy fix is to change the fix height height:100vh on body to min-height:100vh, The min-height let the body grow as needed,

    Over All you did Great, Happy coding and Have a Good Day/Night 👍

    Marked as helpful
    1
    Alexandru Stefan Gherhes•580
    @AlexandruStefanGherhesPosted over 2 years ago

    @imadbg01 It worked, thank you for the advice.

    1

Please log in to post a comment

Log in with GitHub

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