ajout d'un WEBRING <3<3<3

style/main.css

@@ -577,6 +577,7 @@ main{
                         .solidBox:hover{
                           color: var(--back-color);
                           background-color: var(--main-color);
+                          border-color: var(--back-color);
                         }
 
                         .solidBox:has(details[open]){
@@ -628,4 +629,35 @@ main{
                         }
                 }
       }
+
+      #webRingSection{
+        width: 100%;
+        padding: 13.12px;
+        padding-bottom: 16.1px;
+        min-height: 44px;
+        display: grid;
+        background-color: var(--back-color);
+        border-color: var(--main-color);
+        border-style: solid;
+        border-width: thin 0 0 0;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 7.77px;
+
+              a{
+                width: 100%;
+                height: 31px;
+
+                      img{
+                        width: 100%;
+                      }
+
+                      .needOutline{
+                        border-color: var(--main-color);
+                        border-style: solid;
+                        border-width: thin;
+                      }
+              }
+
+              
+      }
 }

style/responsive.css

@@ -135,6 +135,11 @@
                        }
               }
       }
+
+      #webRingSection{
+        grid-template-columns: repeat(6, 1fr);
+        min-height: 66px;
+      }
     }
   }
 
@@ -314,5 +319,10 @@
                     }
             }
     }
+
+    #webRingSection{
+        grid-template-columns: repeat(8, 1fr);
+        min-height: 77px;
+      }
   }
 }