Skip to content
Permalink
Browse files

Resize sponsor logos and center on mobile. Center CSFG logo for mobile.

  • Loading branch information...
courtneycb committed Jul 4, 2019
1 parent 5d861ba commit 2c7955e25e1437faa8fb3a07f9b4bcb4030d6cce
@@ -326,3 +326,12 @@ a {
width: inherit !important;
}
}

@include media-breakpoint-down(xs) {
.logo-mobile-width, .csfg-logo-center {
max-width: inherit !important;
}
.logo-mobile-center {
text-align: center;
}
}
@@ -137,19 +137,19 @@ <h1>
<img class="img-fluid py-5" src="{% static 'img/logos/uc-computer-science-education-logo.png' %}">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center">
<div class="col-12 col-sm-6 col-md-4 logo-mobile-center">
<a href="https://www.google.com">
<img class="img-fluid px-3" src="{% static 'img/logos/google-logo-colour.png' %}">
<img class="img-fluid px-3 logo-mobile-width" src="{% static 'img/logos/google-logo-colour.png' %}">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4">
<a href="https://www.microsoft.com/about/philanthropies/">
<img class="img-fluid" src="{% static 'img/logos/microsoft-philanthropies-logo' %}.png">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="col-12 col-sm-6 col-md-4 logo-mobile-center">
<a href="https://internetnz.nz/">
<img class="img-fluid" src="{% static 'img/logos/internet-new-zealand-logo' %}.png">
<img class="img-fluid logo-mobile-width" src="{% static 'img/logos/internet-new-zealand-logo' %}.png">
</a>
</div>
</div>
@@ -10,7 +10,7 @@
<div class="jumbotron jumbotron-fluid py-5">
<div class="container text-center">
<div class="row align-items-center">
<div class="col-6 mx-auto col-md-4 order-md-2">
<div class="col-6 mx-auto col-md-4 order-md-2 csfg-logo-center">
<img id="homepage-logo" src="{% static 'img/logos/guide-logo-light.png' %}">
</div>
<div class="col-md-8 order-md-1 text-center text-md-left pr-md-5">

0 comments on commit 2c7955e

Please sign in to comment.
You can’t perform that action at this time.