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!
@IamArshadAli
Posted
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 thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
