Inline styles causing horizontal scrolling

[maban]

On the homepage, there's an inline style "ul.list-logos{ width:900px; … }" that cuts off the logos at the bottom of the page if the window is made smaller. This should be changed to {max-width:900px}.

Is there a reason these are inline, were they to fix any problems? Can I help by moving these styles to the CSS files?

[migurski]

Yes, I believe @phae and @mattboitan0 put them there to tweak the donor logos in the footer of the page. I don't recall the intent of the tweak, I think it was to pull them together somewhat.

[phae]

Basically, Matt and his team now want full control over donors and what donors go on which line (top line paid most, 2nd a bit less, etc.).

[phae]

We were trying out that layout, and I was going to update the styles if that suited their needs, but now thinking about it, it probably won't be robust enough for their changing sponsors over time.

[maban]

I could build a new pattern – perhaps having bigger logos at the top and smaller ones in more columns on the next rows.

[migurski]

:+1:

[maban]

I've created a pattern based on the list of logos, and you can choose between 3 different sizes to apply to the list.

Big screen:

Little screen:

[phae]

Oh, that's cool!