@LovelyFaisal
Posted
Hi! You've done great 💪
Here are some suggestions to improve your code:
You can center the div vertically using flexbox
add to body
element this property:
body {
height: 100vh;
display: flex;
align-items: center;
}
to center it horizontally add justify-content: center;
to body
also
you can learn more about flexbox Here
- Use <main> instead of a simple <div> this way you improve the semantics and accessibility showing which is the main block of content on this page. Remember that every page should have a <main> block and that <div> doesn't have any semantic meaning.
Click here for more information
Good job, and happy coding!
Marked as helpful