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. (#14)

Browse Source 
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:
steverusso
2020-04-28 15:52:49 +00:00
parent b8d344b94f
commit 23c32f44e5
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/simplesystems.css
View File

@ -71,13 +71,12 @@ hr, hr.light {
.col.shrink { flex: 0 0 auto !important }
@media (min-width: 600px) {
.col.sm-content { flex-basis: content !important }
.col.sm-grow { flex-grow: 1 !important; flex-basis: 0 !important; }
.col.sm-shrink { flex: 0 0 auto !important; }
.col.sm-grow { flex: 1 0 0 !important; width: auto !important; }
.col.sm-shrink { flex: 0 0 auto !important; width: auto !important; }
.col.sm-6 { width: 50% !important }
.col.sm-9 { width: 75% !important }
.col.sm-10 { width: 83.3334% !important }
.text-sm-center { text-align: center !important; }
.justify-sm-center { justify-content: center !important; }
}
@media (min-width: 950px) {
@ -105,8 +104,14 @@ hr, hr.light {
.align-center { align-items: center !important }
.justify-center { justify-content: center !important }
.justify-end { justify-content: end !important }
.text-center { text-align: center !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 }
.headline { font-size: 1.5rem }