Update index.html

index.html

@@ -138,6 +138,13 @@ main {
     gap: 4rem;
 }
 
+.full-area {
+    display: grid;
+    grid-template-columns: auto;
+    grid-template-rows: auto;
+    gap: 4rem;
+}
+  
 .grid-area-1 {
     grid-column: 1 / 2;
     grid-row: 1 / 2;
@@ -626,7 +633,7 @@ a {
 			<p>Time to seize the day 🌞</p>
 		</div>
         <main>
-            <div class="grid-area"> 
+            <div class="full-area"> 
                 <div class="distance"> 
 					<section class="distance__section distance__cycling">
 						<p>42 km</p>