Chrome is the new Explorer.

This commit is contained in:
steverusso 2020-04-28 11:47:50 -04:00
parent e506bf6786
commit 3159c1e13d
2 changed files with 4 additions and 5 deletions

View File

@ -10,13 +10,12 @@
<div class="col"> <div class="col">
<div class="card text-center"> <div class="card text-center">
<div class="row align-center"> <div class="row align-center">
<div class="col xs-12 sm-content"> <div class="col xs-12 sm-shrink">
<img src="/img/rocket.png" width="150" height="150"> <img src="/img/rocket.png" width="150" height="150">
</div> </div>
<div class="col xs-12 sm-grow"> <div class="col xs-12 sm-grow" style="flex-basis: auto !important;">
<p class="mb-0 text-center text-sm-left">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p> <p class="mb-0 text-center text-sm-left">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
<br>
<p class="text-center text-sm-right">-- Albert Einstein</p> <p class="text-center text-sm-right">-- Albert Einstein</p>
</div> </div>
</div> </div>

View File

@ -71,8 +71,8 @@ hr, hr.light {
.col.shrink { flex: 0 0 auto !important } .col.shrink { flex: 0 0 auto !important }
@media (min-width: 600px) { @media (min-width: 600px) {
.col.sm-content { flex-basis: content !important } .col.sm-content { flex-basis: content !important }
.col.sm-grow { flex-grow: 1 !important; flex-basis: 0 !important; } .col.sm-grow { flex: 1 0 0 !important; width: auto !important; }
.col.sm-shrink { flex: 0 0 auto !important; } .col.sm-shrink { flex: 0 0 auto !important; width: auto !important; }
.col.sm-6 { width: 50% !important } .col.sm-6 { width: 50% !important }
.col.sm-9 { width: 75% !important } .col.sm-9 { width: 75% !important }
.col.sm-10 { width: 83.3334% !important } .col.sm-10 { width: 83.3334% !important }