I am trying to justify the social icons and text on the following page, but using this css, but it doesn’t seem to spread them out, just bunches them together in the center. But they need to be evenly distributed with space all around each. And, when on mobile I have the text hiding and only the icons show, but those should stay centered.
div#social1 {
display: flex;
align-items: center;
justify-content:space-evenly;
}