Footers, buttons and formatting, oh my!

[MarcieBee]

I'm working on some polish for my site and I decided to add some buttons beyond the one I had made for myself. Turns out that for whatever reason, adding more buttons makes them stack on top of each other rather than going side to side. After much finagling I managed to get it to look right with 7 buttons, but it only shows up right on my display (13" MacBook on default) and when I want to add more buttons I have to redo all of the formatting.

I really wish I knew enough about what I was doing to identify and fix this on my own but my html skills are weak. Help! 

[Gloogo]

Hi! I like your page. :) At first glance, it looks like your issue is likely caused by the margins on your footer? You have 400px of margins on either side, and the middle part that actually holds your buttons doesn't have enough room so they're getting squished together.

I'm likely unable to see all of your styling, but you could try adding a width property to your footer and removing the margin-left and margin-right properties?

If you try that, let me know how it works. 

Edit: I'm also seeing that you have a width set on your image container elements. If things are still overlapping at different breakpoints I'd try removing the width and setting margins on the images.

[MarcieBee]

I tried the width property and while is isn't as automatic as I was hoping I can get it to work by just doing a little math to account for the amount of buttons and the spacing. Thank you so much!!!