simplesystems/website
simplesystems/website
1
0
Fork 0
Code Issues 18 Pull Requests Actions Wiki Activity

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

Browse Source
This commit is contained in:
steverusso 2020-04-28 11:30:13 -04:00
parent b8d344b94f
commit e506bf6786
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/section/about.html
View File

@ -15,9 +15,9 @@
</div> </div>
<div class="col xs-12 sm-grow"> <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> <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> <br>
<p class="ml-5">-- Albert Einstein</p> <p class="text-center text-sm-right">-- Albert Einstein</p>
</div> </div>
</div> </div>
</div> </div>

7
static/simplesystems.css
View File

@ -77,7 +77,6 @@ hr, hr.light {
.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 }
.text-sm-center { text-align: center !important; }
.justify-sm-center { justify-content: center !important; } .justify-sm-center { justify-content: center !important; }
} }
@media (min-width: 950px) { @media (min-width: 950px) {
@ -105,8 +104,14 @@ hr, hr.light {
.align-center { align-items: center !important } .align-center { align-items: center !important }
.justify-center { justify-content: center !important } .justify-center { justify-content: center !important }
.justify-end { justify-content: end !important } .justify-end { justify-content: end !important }
.text-center { text-align: center !important } .text-center { text-align: center !important }
.text-right { text-align: right !important } .text-right { text-align: right !important }
@media (min-width: 600px) {
.text-sm-left { text-align: left !important }
.text-sm-center { text-align: center !important }
.text-sm-right { text-align: right !important }
}
.title { font-size: 1.25rem } .title { font-size: 1.25rem }
.headline { font-size: 1.5rem } .headline { font-size: 1.5rem }