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 | |
| parent | df5b75a6f759222b487691422b2b76fdfd85bb21 (diff) | |
| download | aaoth.xyz-94aa9aef93789893416dcbc21851a16915e852b0.tar.gz aaoth.xyz-94aa9aef93789893416dcbc21851a16915e852b0.zip | |
optimize css for small screens (now better)
| -rw-r--r-- | _layouts/default.html | 2 | ||||
| -rw-r--r-- | _sass/main.scss | 15 |
2 files changed, 10 insertions, 7 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 260ee06..a1eeabb 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'"> - <meta name="viewport" content="width=device-width, initial-scale=0.7"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <title>{{ page.title }} - {{ site.title }}</title> <link rel="stylesheet" href="/assets/css/style.css"> <link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon"> 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; } } } |