Results summary component using inline-block and flex

I have made corrections to your code and correct it.

For centring the item: Here's the code :

.main-page { display: flex; justify-content: center; align-items: center; height:100%; width:100%; }

At image element: -> First Thing, make sure to check the file location path of the icon image. -> Second Thing, Type some description at the alt attribute of the image icon.

Nicely done.

I just want to know how you were able to create that halo effect after the general score.