@ZainabProgrammer
Posted
To make the div centred both horizontally and vertically you should try:
.main-div{
width:100%;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
}
Hope it helps you...
Marked as helpful
I'm not so sure of my code responsiveness and i am really finding it difficult setting my code to adjust to various screen sizes
@ZainabProgrammer
Posted
To make the div centred both horizontally and vertically you should try:
.main-div{
width:100%;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
}
Hope it helps you...
Marked as helpful
@Durga-Jaiswal
Posted
Great. You have to make body
tag viewport height 100vh.
body {
max-height: 100vh;
}
To avoid scrolling, there should be max-height not min-height. This will make sure that no - scroll bar appear in the main page.
@Great-kiola
Posted
Hello, you might need to import the font for the project as this would make the project more consistent and beautiful
@AdamsRuth1
Posted
@Great-kiola thanks so much for your feedback
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