Flex item should align left, not center, when it wraps

Question

I have a flex-based unordered list of social media icons at the bottom of a mobile menu on my website.

I\'m trying to get rows of three to sit side by side, equal di

Answer 1

Remove the margins on the li tag.

Also don't forget that ul and li have default styles applied by the browser. Consider using a css reset to have consistency across all browsers.