New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lock sponsor logo aspect ratio (_sponsor.scss) #170

Merged
merged 1 commit into from Aug 30, 2018

Conversation

Projects
None yet
2 participants
@kthull
Contributor

kthull commented Aug 29, 2018

When square and horizontal logos are mixed in a responsive grid that only takes the grid width into account, square logos like DDEV look disproportionately large next to horizontal logos like Pantheon and Platform in smaller viewports. This code locks all logos into a 16:9 space, keeping them visually consistent.

So this...
screen shot 2018-08-29 at 5 17 11 pm

Becomes this...
screen shot 2018-08-29 at 5 16 59 pm

Lock sponsor logo aspect ratio (_sponsor.scss)
When square and horizontal logos are mixed in a responsive grid that only takes the grid width into account, square logos like DDEV look disproportionately large next to horizontal logos like Pantheon and Platform in smaller viewports. This code locks all logos into a 16:9 space, keeping them visually consistent.

@sean-e-dietrich sean-e-dietrich merged commit 52ffc08 into badcamp:master Aug 30, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment