How to remove white space around icons in CSS FLEXBOX?

Question

I'm a beginner, can someone explain how I can remove the blue background color around my icons when I use flexbox? I can't generalize properties of child elements to their parent elements. My code and my results I don't want to use inline-flex. Thank you

Answer 1

You can try adding background-color: white to #usericon{}. If you used *{background-color: "cyan"} this will set the background of all elements to cyan, please check if this cyan color exists in your css file and find out the reason.