Skip to content
Submitted about 1 year ago

3 Column preview project

jasonpineda11•30
@jasonpineda11
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

Project created using grid for layout and flex for mobile version, had issues with centering the columns, and with the fonts and couldnt figure out the problem. If anybody could respond with feedback and help with tips on how to fix my issues. Thank you in advance

Community feedback

  • Himanshu Kaushik•160
    @HectorKaymanPosted about 1 year ago

    You haven't written any styles to center the main inside the body. You can use flex box to center it, make sure to provide a height, something like 100vh to body beforehand, or you can define it for the main and then center its child element/class.

    0

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