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