Uniformisation de la largeur du hero avec celle du footer

themes/default/assets/css/hero.css

@@ -1,6 +1,6 @@
 #hero {
     width: 90%;
-    max-width: 1100px;
+    max-width: 1200px;
     margin: 2rem auto 1.25rem;
     display: flex;
     flex-direction: column;
@@ -34,7 +34,7 @@
     filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.35));
 }
 
-#hero header > div {
+#hero header>div {
     display: flex;
     flex-direction: column;
     gap: 0.35rem;
@@ -52,7 +52,8 @@
     color: var(--text-softest);
     letter-spacing: 0.04em;
 }
-#hero > ul {
+
+#hero>ul {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 1rem;
@@ -61,7 +62,7 @@
     list-style: none;
 }
 
-#hero > ul li {
+#hero>ul li {
     display: flex;
     flex-direction: column;
     gap: 0.4rem;
@@ -72,7 +73,7 @@
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }
 
-#hero > ul li strong {
+#hero>ul li strong {
     margin: 0;
     font-size: 0.85rem;
     text-transform: uppercase;
@@ -80,25 +81,25 @@
     color: var(--text-muted2);
 }
 
-#hero > ul li span {
+#hero>ul li span {
     color: var(--text-white);
 }
 
-#hero > ul li span,
-#hero > ul li time {
+#hero>ul li span,
+#hero>ul li time {
     font-size: 1.65rem;
     font-weight: 600;
     color: var(--text-white);
 }
 
-#hero > nav {
+#hero>nav {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 0.75rem;
 }
 
-#hero > nav a {
+#hero>nav a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -116,8 +117,8 @@
     transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
 }
 
-#hero > nav a:hover,
-#hero > nav a:focus {
+#hero>nav a:hover,
+#hero>nav a:focus {
     color: var(--text-white);
     background: rgba(255, 255, 255, 0.08);
     border-color: rgba(255, 255, 255, 0.25);
@@ -140,12 +141,12 @@
         max-width: 140px;
     }
 
-    #hero > ul {
+    #hero>ul {
         grid-template-columns: 1fr;
         gap: 0.75rem;
     }
 
-    #hero > nav a {
+    #hero>nav a {
         flex: 1 1 140px;
     }
 }