Small fix for mobile

Author: DrWatt

peoples.html

@@ -25,7 +25,7 @@
     <main>
         <section id="simone">
             <div class="main-imgtxt">
-                <a href="https://github.com/SimoneGasperini"><img src="https://avatars2.githubusercontent.com/u/71086758?s=400&v=4" width="200px;" alt="Simone Gasperini" class="main-image"></a>
+                <a href="https://github.com/SimoneGasperini"><img src="https://avatars2.githubusercontent.com/u/71086758?s=400&v=4" alt="Simone Gasperini" class="main-image-peoples"></a>
                 <div class="peoples-b">
                     <h2>Simone Gasperini</h2>
                     <p class = "main-p"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus lacus, ut cursus diam. Pellentesque nibh sapien, fringilla quis sem et, blandit fermentum lacus. Mauris eu nunc fermentum, ultricies nunc eu, vestibulum libero. Aenean consequat lorem ac erat dignissim molestie. Duis at velit ullamcorper, iaculis urna et, egestas metus. Etiam tempor dui dui, et porttitor justo volutpat nec. Donec porta pharetra ultrices. Ut vulputate nisl sit amet turpis mattis, id lacinia nisi ultricies. In quis faucibus tellus, non efficitur elit. Quisque eu pretium nisi. Integer vestibulum molestie augue, sit amet convallis eros fermentum a.
@@ -37,7 +37,7 @@ <h2>Simone Gasperini</h2>
 
         <section id="marco">
             <div class="main-imgtxt">
-                <a href="https://github.com/DrWatt"><img src="https://avatars.githubusercontent.com/u/33673848?v=4" width="200px;" alt="Marco Lorusso" class="main-image"></a>
+                <a href="https://github.com/DrWatt"><img src="https://avatars.githubusercontent.com/u/33673848?v=4" alt="Marco Lorusso" class="main-image-peoples"></a>
                 <div class="peoples-b">
                     <h2>Marco Lorusso</h2>
                     <p class = "main-p"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus lacus, ut cursus diam. Pellentesque nibh sapien, fringilla quis sem et, blandit fermentum lacus. Mauris eu nunc fermentum, ultricies nunc eu, vestibulum libero. Aenean consequat lorem ac erat dignissim molestie. Duis at velit ullamcorper, iaculis urna et, egestas metus. Etiam tempor dui dui, et porttitor justo volutpat nec. Donec porta pharetra ultrices. Ut vulputate nisl sit amet turpis mattis, id lacinia nisi ultricies. In quis faucibus tellus, non efficitur elit. Quisque eu pretium nisi. Integer vestibulum molestie augue, sit amet convallis eros fermentum a.
@@ -49,7 +49,7 @@ <h2>Marco Lorusso</h2>
 
         <section id="gianluca">
             <div class="main-imgtxt">
-                <a href="https://justwhit3.github.io/"><img src="https://avatars.githubusercontent.com/u/48323961?v=4" width="200px;" alt="Gianluca Bianco" class="main-image"></a>
+                <a href="https://justwhit3.github.io/"><img src="https://avatars.githubusercontent.com/u/48323961?v=4" alt="Gianluca Bianco" class="main-image-peoples"></a>
                 <div class="peoples-b">
                     <h2>Gianluca Bianco</h2>
                     <p class = "main-p"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus lacus, ut cursus diam. Pellentesque nibh sapien, fringilla quis sem et, blandit fermentum lacus. Mauris eu nunc fermentum, ultricies nunc eu, vestibulum libero. Aenean consequat lorem ac erat dignissim molestie. Duis at velit ullamcorper, iaculis urna et, egestas metus. Etiam tempor dui dui, et porttitor justo volutpat nec. Donec porta pharetra ultrices. Ut vulputate nisl sit amet turpis mattis, id lacinia nisi ultricies. In quis faucibus tellus, non efficitur elit. Quisque eu pretium nisi. Integer vestibulum molestie augue, sit amet convallis eros fermentum a.

styles.css

@@ -123,9 +123,10 @@ main {
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.main-image {
+.main-image-peoples {
     margin-right: 10px;  /* Space between image and heading */
     padding: 0.3rem 0;
+    width:200px
 }
 .main-p {
 
@@ -267,4 +268,19 @@ header .header-image{
     padding: 10px 10px;
 
     }
+    .main-image-peoples {
+    margin-right: 10px;  /* Space between image and heading */
+    padding: 0.3rem 0;
+    width:100px
+}
+footer ul li a {
+    color: #fff;
+    font-size: 0.8rem;
+    text-decoration: none;
+}
+footer{
+    bottom: 0px;
+    position: static;
+    font-size: 0.8rem;
+}
 }