IryDev• 1,580
@IryDev
Posted
Hey @Rich-Nsue, well done for completing this challenge😄
I have some advice in order to improve your solution :
- wrap the whole main content of your page in the main tag
- Your page should have at least one h1 tag
- I suggest tp replace the h3 tag by the h1
- if you want to correctly center the score in the circle use the property display: flex ; align-items: center; justify-content: center
- the eye on the image shouldn't be visible, it should be visible on the hover (on the image) with a blue overlay on the image
HTML :
<body>
<main>
</main>
</body>
CSS :
body{
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
I hope you'll find this helpful😄
Marked as helpful
1