fix imag gallery

Author: solygambas

95-headphones product page/index.html

@@ -61,24 +61,12 @@ <h2>People Aren't Hearing All the Music</h2>
     <!-- Gallery -->
     <section class="section-gallery">
       <div class="gallery">
-        <a href="https://i.ibb.co/CHLBZnp/gal2323.jpg" class="big"
-          ><img src="https://i.ibb.co/CHLBZnp/gal2323.jpg" alt=""
-        /></a>
-        <a href="https://i.ibb.co/4pBbhfY/gal39834.jpg" class="big"
-          ><img src="https://i.ibb.co/4pBbhfY/gal39834.jpg" alt=""
-        /></a>
-        <a href="https://i.ibb.co/xSnHP7g/gal43884.jpg" class="big"
-          ><img src="https://i.ibb.co/xSnHP7g/gal43884.jpg" alt=""
-        /></a>
-        <a href="https://i.ibb.co/QN6Bnrb/gal4958.jpg" class="big"
-          ><img src="https://i.ibb.co/QN6Bnrb/gal4958.jpg" alt=""
-        /></a>
-        <a href="https://i.ibb.co/dGZvj75/gal4545.jpg" class="big">
-          <img src="https://i.ibb.co/dGZvj75/gal4545.jpg" alt=""
-        /></a>
-        <a href="https://i.ibb.co/S6FVFNt/gal74744.jpg" class="big"
-          ><img src="https://i.ibb.co/S6FVFNt/gal74744.jpg" alt=""
-        /></a>
+        <img src="https://i.ibb.co/CHLBZnp/gal2323.jpg" alt="" class="big" />
+        <img src="https://i.ibb.co/4pBbhfY/gal39834.jpg" alt="" class="big" />
+        <img src="https://i.ibb.co/xSnHP7g/gal43884.jpg" alt="" class="big" />
+        <img src="https://i.ibb.co/QN6Bnrb/gal4958.jpg" alt="" class="big" />
+        <img src="https://i.ibb.co/dGZvj75/gal4545.jpg" alt="" class="big" />
+        <img src="https://i.ibb.co/S6FVFNt/gal74744.jpg" alt="" class="big" />
       </div>
     </section>
 
@@ -136,7 +124,6 @@ <h3>Subscribe</h3>
         </div>
       </div>
     </footer>
-
     <script src="script.js"></script>
   </body>
 </html>

95-headphones product page/script.js

@@ -168,18 +168,17 @@ img {
   grid-template-columns: repeat(5, 1fr);
 }
 
-.section-gallery .gallery a:first-child {
+.section-gallery .gallery img:first-child {
   grid-row: 1/3;
   grid-column: 1/3;
 }
 
-.section-gallery .gallery a:nth-child(2) {
+.section-gallery .gallery img:nth-child(2) {
   grid-column-start: 3;
   grid-column-end: 5;
 }
 
-.section-gallery .gallery img,
-.section-gallery .gallery a {
+.section-gallery .gallery img {
   width: 100%;
   height: 100%;
 }
@@ -301,17 +300,17 @@ img {
     grid-template-columns: repeat(3, 1fr);
   }
 
-  .section-gallery .gallery a:first-child {
+  .section-gallery .gallery img:first-child {
     grid-row: 1/1;
     grid-column: 1/1;
   }
 
-  .section-gallery .gallery a:nth-child(2) {
+  .section-gallery .gallery img:nth-child(2) {
     grid-row: 2/2;
     grid-column: 2/4;
   }
 
-  .section-gallery .gallery a:last-child {
+  .section-gallery .gallery img:last-child {
     display: none;
   }