From 050cdf637f2c7e043e3f1a012101332924484ef5 Mon Sep 17 00:00:00 2001 From: j Date: Fri, 22 Apr 2022 19:37:13 +0100 Subject: [PATCH] move css --- app/static/css/partials/_layout.scss | 26 ++++++++++++++++++++++++++ app/templates/timeline.html | 24 ------------------------ 2 files changed, 26 insertions(+), 24 deletions(-) diff --git a/app/static/css/partials/_layout.scss b/app/static/css/partials/_layout.scss index 01e8be7..7b1888e 100644 --- a/app/static/css/partials/_layout.scss +++ b/app/static/css/partials/_layout.scss @@ -14,6 +14,8 @@ p { #intro { max-width: 800px; margin: auto; + line-height: 1.33em; + .start { font-size: 20px; text-align: center; @@ -21,6 +23,30 @@ p { .reference { color: #333; font-size: 11px; + line-height: 1em; + margin-top: 64px; + } + + img { + width: 100%; + margin: auto; + } + .row { + display: flex; + flex-direction: row; + gap: 20px; + .block { + width: 100% + } + } +} +@media screen and (max-width: 799px) { + #intro { + margin: 16px; + .row { + display: flex; + flex-direction: column; + } } } diff --git a/app/templates/timeline.html b/app/templates/timeline.html index dfaea01..f3a53e8 100644 --- a/app/templates/timeline.html +++ b/app/templates/timeline.html @@ -34,30 +34,6 @@ #intro, #contact { display: none; } - #intro { - line-height: 1.33em; - } - #intro img { - width: 100%; - margin: auto; - } - #intro .row { - display: flex; - flex-direction: row; - gap: 20px; - } - #intro .row .block { - width: 100% - } - @media screen and (max-width: 799px) { - #intro { - margin: 16px; - } - #intro .row { - display: flex; - flex-direction: column; - } - }