Correction de bugs responsive

assets/css/about.css

@@ -8,7 +8,7 @@
         grid-template-columns: 1fr 1fr;
     }
 
-    #logo{
+    #logo2 {
         display: flex;
         justify-content: center;
     }
@@ -23,8 +23,18 @@
         display: grid;
     }
 
-    #logo{
+    #logo2 {
         display: flex;
         justify-content: center;
     }
+}
+
+#logo2 {
+    filter: invert(100%);
+}
+
+@media (prefers-color-scheme: light) {
+    #logo2 {
+        filter: none;
+    }
 }

assets/css/footer.css

@@ -29,4 +29,11 @@ footer div.social {
     display: flex;
     gap: 1rem;
     align-items: center;
+}
+
+@media (max-width: 700px) {
+    footer div.content {
+        flex-direction: column-reverse;
+        gap: 0.5rem;
+    }
 }

assets/css/header.css

@@ -15,7 +15,11 @@ header div {
 
 header #logo {
     filter: invert(100%);
-    float: left;
+}
+
+#burger-menu {
+    transform: translateY(25%);
+    filter: invert(100%);
 }
 
 @media (prefers-color-scheme: light) {
@@ -60,12 +64,11 @@ header h1 {
     border-radius: 4px;
 }
 
-#burger-menu {
-    transform: translateY(25%);
-    filter: invert(100%);
-}
-
 @media screen and (min-width: 700px) {
+    header #logo {
+        float: left;
+    }
+
     #menu li a {
         border-radius: 4px;
     }

assets/css/style.css

@@ -130,4 +130,8 @@ nav.crumbs {
 
 .crumb {
     display: inline-block;
+}
+
+.crumb:before {
+    content: "> ";
 }

assets/css/team.css

@@ -74,6 +74,10 @@ img[alt="github"] {
     #skill h2 {
         grid-column: 1/3;
     }
+
+    .crumbs {
+        display: none;
+    }
 }
 
 #articles li {