From da90c832816b1cb6f01dd06867a81bccb268846f Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sat, 26 Jun 2021 10:21:19 +0200 Subject: [PATCH] =?UTF-8?q?F=C3=A1ze=20projektu=20ve=20dvou=20sloupc=C3=AD?= =?UTF-8?q?ch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 26 +++++++++++++++++++++++--- 1 file changed, 23 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 061f322..f156453 100644 --- a/style.css +++ b/style.css @@ -59,8 +59,25 @@ main .phases, main .quotations { flex-direction: column; } -main .phases figure { margin: 0 0 4em 0 } +main .phases .wrap>div { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column-gap: 2em; + grid-row-gap: 2em; + counter-reset: figure; +} +main .phases figure { + margin: 0; + text-align: justify; +} main .phases figure:last-child { margin-bottom: 0 } +main .phases figure h3 { text-align: left } +main .phases figure h3::before { + counter-increment: figure; + content: counter(figure)"."; + margin-right: .75em; + color: var(--color-red); +} main .quotations figure blockquote { font-style: italic; @@ -212,7 +229,11 @@ footer img:hover { transform: scale(1.1) } grid-column-gap: 1em; } - main .articles .list { grid-template-columns: 1fr } + main .articles .list, + main .phases .wrap>div, + .fancyheader .wrap { + grid-template-columns: 1fr; + } footer { margin: 5em auto } @@ -223,7 +244,6 @@ footer img:hover { transform: scale(1.1) } transform: translate(0); } - .fancyheader .wrap { grid-template-columns: 1fr } .fancyheader .wrap>div { border-top: 0 } }