more fixes on responsive for small screens

src/components/AboutPage.vue

@@ -80,9 +80,9 @@ a {
                     <p>Magiun is the name of a Romanian jam made out of plums, with no extra sugar added. It has a very thick consistency and a dark violet color, sometimes even black. The most well-known variety, <a href="https://en.wikipedia.org/wiki/Magiun_of_Topoloveni">Magiun de Topoloveni</a>, is the first Romanian certified natural product and protected by European Union. I grew up with a less well-known king of magiun, the one my grandparents used to prepare year after year in their yard, from plums I begrudgingly helped pick from our orchard. The making of magiun was a night-long affair, during which purple, fleshy plums melted away into a thick, sticky, dark brown paste. </p>
                     <p>Throughout these past weeks, this container of magiun my mother sent me in a package has been one of my main comforts, a thin layer (to save it) on a slice of bread every other day. It is now almost empty.</p>
                     <p></p>
-                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. </p>
+                    <p>This magazine has been dreamed of and developed by <a href="http://alicestrete.me/">Alice Strete</a>. For questions/offers of help/contributions send an email at hello@magiun.online.</p>
                     <p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p>
-                    <p>This project has been developed with the help of CBK Rotterdam, through the use of the PPR funding opportunity.</p>
+                    <p>This project has been developed with the help of the CBK Rotterdam PPR fund.</p>
         </b-col>
     </b-row>
   </b-container>

src/components/EditorNote.vue

@@ -56,7 +56,7 @@ a {
 
 @media (max-width: 575px) {
   .title_story {
-    font-size: 30px;
+    font-size: 25px;
   }
   .small_icon {
     max-width: 50%;
@@ -64,6 +64,9 @@ a {
     padding-left: 50px;
 
   }
+  .author {
+    font-size: 15px;
+  }
 }
 
 </style>

src/components/SplashPage.vue

@@ -79,6 +79,9 @@ a {
     padding-left: 20px;
 margin-top: 20px;
 }
+  #icons {
+    width: 50%;
+  }
 }
 
 </style>

src/components/bbq.vue

@@ -75,6 +75,9 @@ a {
   .title_story {
     font-size: 30px;
   }
+  .author {
+    font-size: 15px;
+  }
 }
 </style>
 

src/components/breakfast.vue

@@ -78,8 +78,11 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
-   
+
 </style>
 
 <template>

src/components/cake.vue

@@ -84,6 +84,9 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
 
 </style>

src/components/cart.vue

@@ -75,6 +75,9 @@ a {
   .title_story {
     font-size: 30px;
   }
+  .author {
+    font-size: 15px;
+  }
 }
 
 </style>

src/components/eggs.vue

@@ -78,6 +78,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 

src/components/leekpilaf.vue

@@ -69,6 +69,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 

src/components/noodles.vue

@@ -77,6 +77,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 
 </style>

src/components/onion.vue

@@ -82,8 +82,11 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
-      
+
 </style>
 
 <template>

src/components/pesto.vue

@@ -77,6 +77,9 @@ a {
      .title_story {
        font-size: 30px;
      }
+     .author {
+       font-size: 15px;
+     }
    }
 
 </style>

src/components/pretzel.vue

@@ -80,6 +80,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 

src/components/recipe.vue

@@ -78,6 +78,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 

src/components/ricecooker.vue

@@ -63,6 +63,9 @@ a {
         .title_story {
           font-size: 30px;
         }
+        .author {
+          font-size: 15px;
+        }
       }
 </style>
 

src/components/scooter.vue

@@ -78,6 +78,9 @@ a {
        padding-right: 20px;
        padding-left: 60px;
      }
+     .author {
+       font-size: 15px;
+     }
    }