diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index ecabddd..0000cd4 100644
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -1,4 +1,9 @@
 <footer id="foot">
+  <div id="webring">
+    <a href="https://fr.wikipedia.org/wiki/Webring">Webring</a> du manger :
+    <a href="https://miam.twal.org/">site précédent [TWal]</a> |
+    <a href="https://desfontain.es/Recettes/index.html">site suivant [Ted]</a>
+  </div>
   <div id="footer-legal">
     Site sous license libre
     <a href="{{ $.Site.Params.siteLicenseURL }}">
diff --git a/scss/style.scss b/scss/style.scss
index 25164b5..5139b08 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -185,11 +185,19 @@ body {
   justify-content: flex-end;
   align-items: center;
 
+  flex-direction: column;
+  @media (min-width: $width_med) {
+    flex-direction: row;
+  }
+
   margin: 10px 20px;
   margin-top: auto;
 
   > div {
-    margin: 0 15px;
+    margin: 5px 15px;
+    @media (min-width: $width_med) {
+      margin: 0 15px;
+    }
   }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 0c02d9b..8948957 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -132,11 +132,17 @@ body {
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  flex-direction: column;
   margin: 10px 20px;
   margin-top: auto; }
+  @media (min-width: 650px) {
+    #foot {
+      flex-direction: row; } }
   #foot > div {
-    margin: 0 15px; }
-
+    margin: 5px 15px; }
+    @media (min-width: 650px) {
+      #foot > div {
+        margin: 0 15px; } }
 a, a:visited {
   color: #2081c8;
   text-decoration: none; }