I need a little help formatting my header section as responsive. When the site is full width the logo and social icons are on the same line, but as soon as I get between 1179 and 1024 it puts them on separate rows, but still with the logo left aligned and the icons right aligned. I don’t like the way that looks because there’s too much whitespace. I would like for them to stay on the same line until 1024, when they switch to being centered, but if that’s not possible, I’d like them to be centered from 1179 on down.
I worked with the media queries, and made a little progress, but I just couldn’t get it right. The social logos looked centered at 1179, but lost their centering as I made the screen smaller, so I didn’t have something right. The site is live, so I just removed all of that until I can get some advice.
Thanks so much!
Fran
.
