From 94aa9aef93789893416dcbc21851a16915e852b0 Mon Sep 17 00:00:00 2001 From: la-ninpre Date: Wed, 9 Dec 2020 12:25:15 +0300 Subject: optimize css for small screens (now better) --- _layouts/default.html | 2 +- _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 @@ - + {{ page.title }} - {{ site.title }} 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; } } } -- cgit v1.2.3