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 project

@jasonpineda11

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


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

@HectorKayman

Posted

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
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