9

The small reputation graph on the profile page is broken in Edge and IE:

While in Chrome it looks like this:

Firefox also shows it correctly. I have not tested Safari.

I know the Edge rendering engine is going to go away at some point, so this issue will disappear in the long run, but it'd be nice if Stack Exchange worked on all browsers, not just the main ones.

Seeing as you are redesigning the profile page, seems like an ideal time to fix it. 🙂

Tested versions: Chrome 71.0.3578.98, Firefox 64.0, Edge 44.17763.1.0, IE 11.195.17763.0, all on Windows 10 1809 (17763).

2

1 Answer 1

5

It seems the CSS property justify-content is not working for Edge and IE. It was already reported in the Microsoft developer forum. The same property is working as expected in Chrome and Firefox.

In the profile page for the section, the <ul> tag has the class jc-space-evenly and it has the CSS property of justify-content: space-evenly that caused the alignment issue.

The style class:

.jc-space-evenly {
    justify-content: space-evenly !important;
}

Screenshot for reference:

Edge

Not the answer you're looking for? Browse other questions tagged .