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

@Slavi123456

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


Constructive criticism would be helpful as always. :D I still don't know how to center my project on the page.

Community feedback

P
Stefan 90

@Saitenhexer

Posted

Hi Slavi123456,

I'm just starting out so maybe there is a better solution but:

The page is not using the full height. That's why it isn't fully centered. The margin pushes it from the top edge but you would have to guess how much margin you need.

    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;  

The whole viewport becomes available and the margin-top and the width is not needed anymore.

But it's really well done. Your solution is closer to the design than mine ;)

1

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