Help with centering in flexbox css

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.


justify-content: center;

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.

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