change color background about

home.html

@@ -17,19 +17,24 @@
             <a href="extinction.html">Extinções</a>
         </div>
     </main>
-    <figure>
-        <img src="./img/mamute-home.jpeg" alt="">
-    </figure>
-    <article class="about">
-        <h2>Sobre a extinção</h2>
-        <p>Os animais em extinção são uma triste realidade em nosso planeta. A ação humana tem sido uma das principais
-            causas dessa situação alarmante, através de atividades como a caça predatória, a destruição de habitats
-            naturais e a poluição ambiental. Cada vez mais espécies estão sendo ameaçadas, com muitas delas correndo o
-            risco de desaparecer completamente. Essa perda de biodiversidade não afeta apenas os animais em si, mas
-            também o equilíbrio ecológico em nosso planeta, podendo ter consequências graves para o meio ambiente e para
-            a qualidade de vida humana. É importante conscientizar a população sobre a importância da preservação da
-            natureza e tomar medidas concretas para proteger essas espécies em perigo de extinção.</p>
-    </article>
+    <div class="container">
+        <figure>
+            <img src="./img/mamute-home.jpeg" alt="">
+        </figure>
+        <article class="about">
+            <h2>Sobre a extinção</h2>
+            <p>Os animais em extinção são uma triste realidade em nosso planeta. A ação humana tem sido uma das
+                principais
+                causas dessa situação alarmante, através de atividades como a caça predatória, a destruição de habitats
+                naturais e a poluição ambiental. Cada vez mais espécies estão sendo ameaçadas, com muitas delas correndo
+                o
+                risco de desaparecer completamente. Essa perda de biodiversidade não afeta apenas os animais em si, mas
+                também o equilíbrio ecológico em nosso planeta, podendo ter consequências graves para o meio ambiente e
+                para
+                a qualidade de vida humana. É importante conscientizar a população sobre a importância da preservação da
+                natureza e tomar medidas concretas para proteger essas espécies em perigo de extinção.</p>
+        </article>
+    </div>
 </body>
 </html>
 

style/home.css

@@ -10,7 +10,7 @@ body {
     min-height: 50px;
     align-items: center;
     justify-content: space-between;
-    width: 100vw;
+    /* width: 100vw; */
 }
 
 .navbar img {
@@ -34,19 +34,25 @@ a:last-child {
     margin-right: 20px;
 }
 
+.container {
+    max-width: 960px;
+    margin: auto;
+}
+
 figure {
     width: 100%;
     height: 100%;
     overflow: hidden;
     margin: 0;
-    padding: 0;
+    /* margin-left: 5%; */
 }
 
 figure img {
+    text-align: center;
     width: 100%;
     height: auto;
-    display: block;
     object-fit: cover;
+    overflow: hidden;
 }
 
 .about {
@@ -54,6 +60,7 @@ figure img {
     flex-wrap: wrap;
     padding: 20px;
     justify-content: center;
+    background-color: #eeeeee;
 }
 
 .about h2 {
@@ -66,4 +73,4 @@ figure img {
 .about p {
     color: rgb(47, 47, 47);
     font-size: 16px;
-}
+}