diff --git a/home.html b/home.html index b3d32cd..65c5b58 100644 --- a/home.html +++ b/home.html @@ -17,19 +17,24 @@ Extinções -
- -
-
-

Sobre a extinção

-

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.

-
+
+
+ +
+
+

Sobre a extinção

+

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.

+
+
diff --git a/style/home.css b/style/home.css index 6dcc755..f547967 100644 --- a/style/home.css +++ b/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; -} \ No newline at end of file +}