Mobile optimize footer

This commit is contained in:
Kenneth Auchenberg 2018-01-10 16:49:51 -08:00
parent 84ce3cc40a
commit cf8a84452a
2 changed files with 14 additions and 2 deletions

View file

@ -1,7 +1,7 @@
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="col-sm-7">
<ul class="links">
<li>
<span class="message">Hello from Seattle and Zürich.</span>
@ -14,7 +14,7 @@
</li>
</ul>
</div>
<div class="col-md-5">
<div class="col-sm-5">
<div class="copyright">
<a id="footer-microsoft-link" class="logo" href="https://www.microsoft.com">
<img src="{{site.baseurl}}/img/microsoft.svg" alt="Microsoft">

View file

@ -367,8 +367,20 @@ pre[class=highlight] {
}
.links {
padding-bottom: 10px;
@media (min-width: 576px) {
padding: 0;
}
li {
list-style: none;
padding-bottom: 10px;
@media (min-width: 576px) {
display: inline-block;
padding: 0;
}
}
}