Adding Images

Where to see Wolves.html

@@ -26,20 +26,24 @@ <h1> <a href= "index.html">About Wolve</a> </h1>
     </header>
     <main>
         <h2>Where To see Wolves</h2>
-        <img alt= "Map of US" src= "map.png"/>
-
-        <h3>Gray wolves have populations in Alaska, northern Michigan, northern Wisconsin, western Montana, northern Idaho, 
+        <img alt= "Map of US" src="map.png"/>
+    <h3>Gray wolves have populations in Alaska, northern Michigan, northern Wisconsin, western Montana, northern Idaho, 
             northeast Oregon, and the Yellowstone area of Wyoming. Mexican wolves, a subspecies of the gray wolf, were reintroduced 
             to protected parkland in eastern Arizona and southwest New Mexico.</h3>  
 
-        <h4>Isle Royale National Park, Michigan-</h4>
-        <imag2 alt="Wolve Michigan" src="Wolve Michigan.webp"
-        <h5>Yellowstone National Park, Wyoming - </h5>
-        <h6>Katmai National Park, Alaska-  </h6>
-        <h7>Katmai National Park, Alaska.</h7>
-        <h8>Denali National Park & Preserve, Alaska</h8>
-        <h9>Gila and Apache National Forests, Arizona and New Mexico- </h9>
-        <h10>Alligator River National Wildlife Refuge, North Carolina.</h10>
+    <h4>Isle Royale National Park, Michigan-</h4>
+        <img alt="Wolve Michigan" src= "wolve-Michigan.jpg"/> 
+    <h4>Yellowstone National Park, Wyoming- </h4>
+        <img alt="Wolve Yellowstone" src="images.jpg" />
+    <h4>Katmai National Park, Alaska-  </h4>
+        <img alt="Wolve Katmai" src="download.jpg" />
+    <h4>Katmai National Park, Alaska- </h4>
+        <img alt= "Denali" src="wolve-2.jpg" />
+    <h4> National Park & Preserve, Alaska-</h4>
+        <img alt="Gila" src="wolve-3.jpg" />
+    <h4>Gila and Apache National Forests, Arizona and New Mexico- </h4>
+        <img alt="river" src="wolve-4.jpg"/>
+    <h4>Alligator River National Wildlife Refuge, North Carolina- </h4>
     </main> 
     <footer>
         <p>Copyright ©

styles.css

@@ -19,9 +19,9 @@ main{
     text-align: center;
 }
 
-img{
-    width: 697px;
-    height: 463px;
+img {
+    width: 900px;
+    height: 700px;
 }
 
 nav a {
@@ -68,67 +68,18 @@ h3 {
     font-weight: 400;
     line-height: normal;
     margin: 75px;
-    text-align: center;
+    text-align: left;
 }
 h4{
 color: #000;
 font-family: Limelight;
-font-size: 16px;
+font-size: 20px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
-text-align: center;
+margin-left: 200px;
+margin-top: 8px;
+margin-bottom: 8px;
+text-align: left;
 }
 
-h5{
-    color: #000;
-    font-family: Limelight;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    text-align: center;
-    }
- h6{
-        color: #000;
-        font-family: Limelight;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: normal;
-        text-align: center;
-        }
- h7{
-    color: #000;
-    font-family: Limelight;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    text-align: center;
-     }
- h8{
-    color: #000;
-    font-family: Limelight;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    text-align: center;}
- h9{
-    color: #000;
-    font-family: Limelight;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    text-align: center;}
-h10{
-    color: #000;
-    font-family: Limelight;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    text-align: center;
-     }