Help with centering in flexbox css

Help with centering in flexbox css
0.0 0

#1

I need my footer nav centered but for some reason there seems to be some sort of implicit padding preventing the items from starting at the start of their container (.footer-container). The teal background of the container looks fine but the items are not starting at the start of that container.

code: https://codepen.io/marti2221/pen/aYpyJx?editors=1100


#2

justify-content: center;


#3

Yes that does center, but only after I explicitly set the li’s padding to 0px. When I haven’t set a padding anywhere else. I’m wondering why I have to do this.


#4

Different browsers define a default left padding for ul elements. Chrome uses 40px. That is why you must set padding-left to 0.