website - logo-grid responsive updates

This commit is contained in:
RJ Spiker 2018-06-15 14:07:21 -06:00 committed by Jack Pearkes
parent f434a30511
commit feb0426eaf
3 changed files with 22 additions and 10 deletions

View File

@ -8,6 +8,14 @@
& > div { & > div {
padding: 25px $site-gutter-padding; padding: 25px $site-gutter-padding;
width: 33%; width: 50%;
@media (min-width: 768px) {
width: 33%;
}
}
img {
max-width: 100%;
} }
} }

View File

@ -20,10 +20,14 @@
} }
& .intro { & .intro {
margin: 0 auto 64px; margin: 0 auto 24px;
max-width: 784px; max-width: 784px;
text-align: center; text-align: center;
@media (min-width: 767px) {
margin-bottom: 64px;
}
& h2, & h2,
& h3 { & h3 {
margin: 0 0 24px; margin: 0 0 24px;

View File

@ -27,7 +27,7 @@ description: |-
</div> </div>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/health-checks.png' alt='Service Registry'> <img src='/assets/images/consul-connect/feature.jpg' alt='Service Registry'>
</div> </div>
</div> </div>
</div> </div>
@ -177,22 +177,22 @@ description: |-
</div> </div>
<div class='g-logo-grid'> <div class='g-logo-grid'>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_sap-ariba.svg' alt='SAP Ariba'> <img src='/assets/images/consul-connect/logos/sap-ariba.png' alt='SAP Ariba'>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_citadel.svg' alt='Citadel'> <img src='/assets/images/consul-connect/logos/citadel.png' alt='Citadel'>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_barclays.svg' alt='Barclays'> <img src='/assets/images/consul-connect/logos/barclays.png' alt='Barclays'>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_itv.svg' alt='itv'> <img src='/assets/images/consul-connect/logos/itv.png' alt='itv'>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_spaceflight-industries.svg' alt='Spaceflight'> <img src='/assets/images/consul-connect/logos/spaceflight.png' alt='Spaceflight'>
</div> </div>
<div> <div>
<img src='/assets/images/consul-connect/logos/logo_lotto-nz.svg' alt='MyLotto'> <img src='/assets/images/consul-connect/logos/lotto.png' alt='MyLotto'>
</div> </div>
</div> </div>
</div> </div>