put webring in footer

1 files changed, 14 insertions, 6 deletions

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