Fix the About page quote text-align on different screen sizes. (#14)

Chrome is the new Explorer.

Fix the About page quote text-align on different screen sizes.

Reviewed-by: jeff <jeff@simplesystems.tech>
This commit is contained in:
2020-04-28 15:52:49 +00:00
parent b8d344b94f
commit 23c32f44e5
2 changed files with 12 additions and 8 deletions

View File

@ -10,14 +10,13 @@
<div class="col">
<div class="card text-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">
</div>
<div class="col xs-12 sm-grow">
<p class="mb-0">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
<br>
<p class="ml-5">-- Albert Einstein</p>
<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="text-center text-sm-right">-- Albert Einstein</p>
</div>
</div>
</div>