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.
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...
Becomes this...