diff options
author | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:44:53 +0300 |
---|---|---|
committer | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:44:53 +0300 |
commit | 2163d66de0b0645f51dc77aa68555ae5cf17b023 (patch) | |
tree | 1266a4ef6815f488d3b8a5f11af09010d2a2f1f5 /sass/css | |
parent | 9286a2b68546f968282eadf2c519ebef3def9b70 (diff) | |
download | yaroslavps.com-2163d66de0b0645f51dc77aa68555ae5cf17b023.tar.gz yaroslavps.com-2163d66de0b0645f51dc77aa68555ae5cf17b023.zip |
adaptive layout for small screen devices
Diffstat (limited to 'sass/css')
-rw-r--r-- | sass/css/yaroslavps.scss | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index 74da50b..42e9c6f 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -90,6 +90,7 @@ span.icon { } h2 > span.publish-date { + display: inline-block; font-size: 0.8em; } @@ -121,6 +122,7 @@ h2 > span.publish-date { } .landing-page-container > .links-container > a { + display: inline-block; font-size: 1.5em; margin: auto 1em; } @@ -179,3 +181,19 @@ h2 > span.publish-date { background-color: $dark_cyan; color: $white; } + +@media (max-width: 768px){ + .landing-page-container { + font-size: 1em; + } + .header-container, + .content-container, + .sidebar-container { + grid-column-start: 1; + grid-column-end: 3; + } + .sidebar-container { + grid-row-start: auto; + grid-row-end: auto; + } +} |