Submitted over 1 year ago

Responsive 3-Column Preview Card

CairoGarb•810

@CairoGarb

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

6th Project Done!

I'm having difficulty in positioning the main content in the center of page in smaller screens. I'm currently using a extension that emulates a mobile screen, but in the browser's inspect shows different from the extension. I'll appreciate any tip, thanks!

Code

Please log in to post a comment

Community feedback

Arshad Ali Kaldane•650
@IamArshadAli
Posted over 1 year ago
Hello There! 👋

Congratulations on completing this challenge 🎉

You can center your main content using flexbox like this:
```
body {
    width: 100vh;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
```
Apart from this, you did an excellent job. ✨

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