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; - } - }