Help me fix the issue of css flex

Question

Please help me how to center all elements perfectly in center

https://code.sololearn.com/Wq91R2htSj4B/?ref=app

Answer 1

since <ul> element has default margin and paddings it will mess with UI.

I added *{ margin: 0; padding: 0; } to set default margins and padding to zero from all the tags.

https://code.sololearn.com/WtZStbRSf8tU/?ref=app

Answer 2

Oh thanks for the help