Design comparison
SolutionDesign
Community feedback
- @ZiyyahhPosted about 1 year ago
To center the div, rather than using margin-top: 250px, you could use
body{
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
flex-direction: column;(if you have a footer)
}
To align the items inside the div, you could use .stuff, which you could replace with container
.stuff{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
flex-direction: column;
}
The live site is showing a title of document, you could update that in the title element.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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