diff options
| author | la-ninpre <leobrekalini@gmail.com> | 2020-12-09 12:25:15 +0300 |
|---|---|---|
| committer | la-ninpre <leobrekalini@gmail.com> | 2020-12-09 12:25:15 +0300 |
| commit | 94aa9aef93789893416dcbc21851a16915e852b0 (patch) | |
| tree | 3d753752048252453b6c3f37c613fb41873470d3 /_sass | |
| parent | df5b75a6f759222b487691422b2b76fdfd85bb21 (diff) | |
| download | aaoth.xyz-94aa9aef93789893416dcbc21851a16915e852b0.tar.gz aaoth.xyz-94aa9aef93789893416dcbc21851a16915e852b0.zip | |
optimize css for small screens (now better)
Diffstat (limited to '_sass')
| -rw-r--r-- | _sass/main.scss | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/_sass/main.scss b/_sass/main.scss index 2da1bac..4c9beb4 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -22,7 +22,7 @@ html { body { max-width: 835px; - min-width: 462px; + min-width: 378px; margin: 20px auto 0 auto; padding: 8px; color: $color-dark-bg; @@ -85,7 +85,7 @@ ul { .about-links { margin-top: 1em; .link-icon { - height: 32px; + width: 32px; } .link-text { display: inline; @@ -199,21 +199,24 @@ footer { flex-direction: column-reverse; .about-sidebar { display: flex; - } - .about-info { - padding: 0 2%; + flex-direction: column; + img { + width: 128px; + margin: 0 auto; + } } .about-links { margin-top: 0; p:first-child { margin: 0; + padding-top: 0; } ul { display: flex; flex-wrap: wrap; justify-content: flex-start; li { - margin-right: auto; + margin: auto; } } } |