From 8730783c1cc16d26b952c254b6a90769b8bcc158 Mon Sep 17 00:00:00 2001 From: Ashelyn Rose Date: Wed, 19 Jul 2023 16:04:21 -0600 Subject: put webring in footer --- styles/layout.css | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) (limited to 'styles/layout.css') diff --git a/styles/layout.css b/styles/layout.css index cef976d..d416712 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -202,30 +202,38 @@ footer { max-width: 100vw; } -footer span { +footer span:first-child { flex: 1; } -footer a:not(:first-of-type) { +footer > *:not(:first-child) { margin-left: calc(2 * var(--text-padding)); } +footer span a { + margin: 8px; +} + @media (max-width: 600px) { footer { box-sizing: initial; - flex: initial; - flex-wrap: wrap; + flex-direction: column; height: 60px; align-items:center; justify-content:center; margin: 8px 0; padding: 0; + height: auto; + flex: initial; } - footer span { + footer > * { display: block; - min-width: 100%; text-align: center; } + + footer span:first-child{ + flex: 0; + } } -- cgit 1.4.1