@davinceey
Posted
Hello Akinrinlola olamide. Congratulations on your first project! Just some little tips for improvement:
- You could make use of the
display: flex
to centralize your solution. You could make use of this code:
body{
display: flex;
justify-content: center;
align-items: center;
}
-
You could wrap all your content with the
<main>
tag and then make use if theh1
tag as a level-one heading. It would be perfect if it replaces theh3
tag used in your code and it would help in improving Accessibility. -
You could also make use of relative units like the
em
andrem
units for your font-sizes, padding, margins and widths. This would help to improve your site's responsiveness.
Hope this helps you. Happy Coding!π
Marked as helpful