Why CSS Flexbox doesn't work on Sololearn?

Question

On my code named 'Personal Portfolio Webpage' on places where I use flexbox it acts like I never use it, alignment is bad. Is problem in my device or in Sololearn code playground?
https://code.sololearn.com/WRK8k633642a/?ref=app

Answer 1

Thanks Calviղ for response but that doesn't address the problem, I tested it. I figure it out on my own that problem is in that space-evenly is not recognized (same problem exist in Microsoft Edge) as a valid value for justify-content so I just switch it to space-around and it looks prettier.

Answer 2

Add prefixer to your flexbox
https://autoprefixer.github.io

eg.
display: -webkit-box;
display: -ms-flexbox;
display: flex;

Answer 3

As what i told you, use prefixer,

space evenly is work on ms

Instead of using
justify-content: space-evenly;

use
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;

Answer 4

It works on my Ms Edge. As long as we set the correct prefixer.

Answer 5

Update my MS Edge, try with prefixers and again prove to myself that everything I said was true. Don't know what else to say except thanks for trying to help me. I solved the problem my way. ✌

Answer 6

Calviղ I told you I try it, it didn't work and space-evenly don't work on Edge, also test it and read about that issue. Don't believe me, open Edge > F12 and experiment with flexbox.