diff --git a/static/scss/custom.scss b/static/scss/custom.scss index 379a59f19c1a13c2c38fe1832f2979b25f9d925a..debb6c69beb3772b9809d32b82402f7cc0162a99 100644 --- a/static/scss/custom.scss +++ b/static/scss/custom.scss @@ -127,10 +127,30 @@ $homepage-block-min-height: 480px; z-index: 3; .sponsor { + $sponsor-height: 150px; @include make-xs-column(6); @include make-sm-column(4); @include make-md-column(3); max-width: 600px; + height: $sponsor-height; + + + .logo-alignment { + max-width: 300px; + width: 100%; + height: 100%; + + // Center the icon horizontally and vertically + text-align: center; + line-height: ($sponsor-height - 5px); + vertical-align: middle; + + a img { + max-width: 100%; + max-height: 100%; + } + } + } } @@ -281,8 +301,6 @@ $homepage-block-min-height: 480px; } .sponsor-list a img { - width: 100%; - max-width: 300px; } .sponsor-list {