diff --git a/src/components/SplashPage.vue b/src/components/SplashPage.vue
index 9473603..b68f5fe 100644
--- a/src/components/SplashPage.vue
+++ b/src/components/SplashPage.vue
@@ -62,46 +62,46 @@ a {
       <b-container fluid id="icons">
         <b-row>
           <b-col md="3">
-            <a href="/leekpilaf"> <b-img class="img-fluid" center src="media/leek.png"></b-img></a>
+            <a href="/eggs"> <b-img class="img-fluid" center src="media/egg_small.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/noodles"><b-img class="img-fluid" center src="media/noodles.png"></b-img></a>
+            <a href="/scooter"><b-img class="img-fluid" center src="media/scooter.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/onion"><b-img class="img-fluid" center src="media/onion.png"></b-img></a>
+            <a href="/pesto"><b-img class="img-fluid" center src="media/basil.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/eggs"><b-img class="img-fluid" center src="media/egg.png"></b-img></a>
+            <a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a>
           </b-col>
         </b-row>
         <b-row>
           <b-col md="3">
-            <a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a>
+            <a href="/cart"><b-img class="img-fluid" center src="media/cart_small.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/breakfast"><b-img class="img-fluid" center src="media/avo.png"></b-img></a>
+            <a href="/breakfast"><b-img class="img-fluid" center src="media/avo_small.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/pesto"><b-img class="img-fluid" center src="media/basil.png"></b-img></a>
+            <a href="/noodles"><b-img class="img-fluid" center src="media/noodles_small.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/cake"><b-img class="img-fluid" center src="media/cake.png"></b-img></a>
+            <a href="/recipe"><b-img class="img-fluid" center src="media/recipe_small.png"></b-img></a>
           </b-col>
         </b-row>
         <b-row>
           <b-col md="3">
-            <a href="/pretzel"><b-img class="img-fluid" center src="media/pretzel.png"></b-img></a>
+            <a href="/onion"><b-img class="img-fluid" center src="media/onion.png"></b-img></a>
 
           </b-col>
           <b-col md="3">
-            <a href="/ricecooker"><b-img class="img-fluid" center src="media/rice.png"></b-img></a>
+            <a href="/leekpilaf"><b-img class="img-fluid" center src="media/leek.png"></b-img></a>
 
           </b-col>
           <b-col md="3">
-            <a href="/cart"><b-img class="img-fluid" center src="media/cart.png"></b-img></a>
+            <a href="/ricecooker"><b-img class="img-fluid" center src="media/rice.png"></b-img></a>
           </b-col>
           <b-col md="3">
-            <a href="/scooter"><b-img class="img-fluid" center src="media/scooter.png"></b-img></a>
+            <a href="/cake"><b-img class="img-fluid" center src="media/cake_small.png"></b-img></a>
           </b-col>
         </b-row>
         <b-row>
@@ -113,7 +113,7 @@ a {
           <b-col md="3">
           </b-col>
           <b-col md="3">
-            <a href="/recipe"><b-img class="img-fluid" center src="media/recipe.png"></b-img></a>
+            <a href="/pretzel"><b-img class="img-fluid" center src="media/pretzel_small.png"></b-img></a>
 
           </b-col>
         </b-row>
diff --git a/src/components/bbq.vue b/src/components/bbq.vue
index f3c9961..e6d3d8e 100644
--- a/src/components/bbq.vue
+++ b/src/components/bbq.vue
@@ -37,9 +37,19 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Balcony Marinade</p>
       </b-col>
+
+      <b-col md="2">
+        <a href="/pesto"><b-img class="img-fluid" src="media/basil.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/cart"><b-img class="img-fluid" src="media/cart.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/breakfast.vue b/src/components/breakfast.vue
index 7f4ffcd..5b1250a 100644
--- a/src/components/breakfast.vue
+++ b/src/components/breakfast.vue
@@ -52,9 +52,19 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Breakfasts</p>
       </b-col>
+
+      <b-col md="2">
+        <a href="/cart"><b-img class="img-fluid" src="media/cart.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/noodles"><b-img class="img-fluid" src="media/noodles.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/cake.vue b/src/components/cake.vue
index 13459e6..1264ff7 100644
--- a/src/components/cake.vue
+++ b/src/components/cake.vue
@@ -52,9 +52,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">The bite that keeps on chewing</p>
       </b-col>
+      <b-col md="2">
+        <a href="/ricecooker"><b-img class="img-fluid" src="media/rice.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/pretzel"><b-img class="img-fluid" src="media/pretzel.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/cart.vue b/src/components/cart.vue
index 330d33a..1b009d8 100644
--- a/src/components/cart.vue
+++ b/src/components/cart.vue
@@ -51,9 +51,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">My Quarantine Kitchen Story</p>
       </b-col>
+      <b-col md="2">
+        <a href="/bbq"><b-img class="img-fluid" src="media/bbq.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/breakfast"><b-img class="img-fluid" src="media/avo.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/eggs.vue b/src/components/eggs.vue
index 910e508..7b5da40 100644
--- a/src/components/eggs.vue
+++ b/src/components/eggs.vue
@@ -46,15 +46,27 @@ a {
   padding-right: 0px;
 }
 
+.small_icon {
+  max-width: 20%;
+}
 </style>
 
 <template>
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Egg story</p>
       </b-col>
+      <b-col md="2">
+        <a href="/pretzel"><b-img class="img-fluid" src="media/pretzel.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/scooter"><b-img class="img-fluid" src="media/scooter.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/leekpilaf.vue b/src/components/leekpilaf.vue
index 0d83956..2d2f5fd 100644
--- a/src/components/leekpilaf.vue
+++ b/src/components/leekpilaf.vue
@@ -31,29 +31,65 @@ a {
   padding-right: 0px;
 }
 
+#leek_scans {
+  max-width: 70%;
+}
 </style>
 
 <template>
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Leek pilaf</p>
       </b-col>
+      <b-col md="2">
+        <a href="/onion"><b-img class="img-fluid" src="media/onion.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/ricecooker"><b-img class="img-fluid" src="media/rice.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
     <b-row>
-      <b-col md="6">
+      <b-col md="6" id="leek_scans">
         <b-img class="img-fluid" src="media/leek/leek-pilaf-1.JPG"></b-img>
 
       </b-col>
 
       <b-col md="6">
-        <b-img class="img-fluid" src="media/leek/leek-pilaf-2.JPG"></b-img>
+        <b-img class="img-fluid" src="media/leek/leek-pilaf-2.png"></b-img>
+
+      </b-col>
+
+    </b-row>
+    <b-row>
+      <b-col md="12">
+        <p></p>
+
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col md="12">
+        <p></p>
+
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col md="12">
+        <p></p>
 
       </b-col>
+    </b-row>
+    <b-row>
+      <b-col md="12">
+        <p></p>
 
+      </b-col>
     </b-row>
 
 
diff --git a/src/components/noodles.vue b/src/components/noodles.vue
index 23562f3..b8e1325 100644
--- a/src/components/noodles.vue
+++ b/src/components/noodles.vue
@@ -51,9 +51,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Luo Shi Fen</p>
       </b-col>
+      <b-col md="2">
+        <a href="/breakfast"><b-img class="img-fluid" src="media/avo.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/recipe"><b-img class="img-fluid" src="media/recipe.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/onion.vue b/src/components/onion.vue
index 0844602..c0e250e 100644
--- a/src/components/onion.vue
+++ b/src/components/onion.vue
@@ -51,9 +51,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Something light, like a salad</p>
       </b-col>
+      <b-col md="2">
+        <a href="/recipe"><b-img class="img-fluid" src="media/recipe.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/leekpilaf"><b-img class="img-fluid" src="media/leek.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/pesto.vue b/src/components/pesto.vue
index 15b8e2f..78b3d5c 100644
--- a/src/components/pesto.vue
+++ b/src/components/pesto.vue
@@ -51,9 +51,17 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Bulk Pesto</p>
       </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/scooter"><b-img class="img-fluid" src="media/scooter.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2">
+        <a href="/bbq"><b-img class="img-fluid" src="media/bbq.png"> </b-img></a>
+
+      </b-col>
     </b-row>
 
 
diff --git a/src/components/pretzel.vue b/src/components/pretzel.vue
index 7209646..2f688af 100644
--- a/src/components/pretzel.vue
+++ b/src/components/pretzel.vue
@@ -51,9 +51,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">A list</p>
       </b-col>
+      <b-col md="2">
+        <a href="/cake"><b-img class="img-fluid" src="media/cake.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/eggs"><b-img class="img-fluid" src="media/egg.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/recipe.vue b/src/components/recipe.vue
index 5ae0035..00a9a9e 100644
--- a/src/components/recipe.vue
+++ b/src/components/recipe.vue
@@ -51,9 +51,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">Party of 3</p>
       </b-col>
+      <b-col md="2">
+        <a href="/noodles"><b-img class="img-fluid" src="media/noodles.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/onion"><b-img class="img-fluid" src="media/onion.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
@@ -85,7 +94,7 @@ a {
   luxury. I don’t have to think about what to cook for lunch, where to get the ingredients or how
   much rice I have to use. Because of the current situation, there’s an ingredient missing from the
   box every now and then. That’s when I get excited again, because I get to improvise.</p>
-</p>
+
 
 
 </div>
diff --git a/src/components/ricecooker.vue b/src/components/ricecooker.vue
index 33f5922..188ad05 100644
--- a/src/components/ricecooker.vue
+++ b/src/components/ricecooker.vue
@@ -37,9 +37,18 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">When the oven is broken</p>
       </b-col>
+      <b-col md="2">
+        <a href="/leekpilaf"><b-img class="img-fluid" src="media/leek.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/cake"><b-img class="img-fluid" src="media/cake.png"> </b-img></a>
+
+      </b-col>
+
     </b-row>
 
 
diff --git a/src/components/scooter.vue b/src/components/scooter.vue
index a9d21ee..7e10183 100644
--- a/src/components/scooter.vue
+++ b/src/components/scooter.vue
@@ -51,9 +51,16 @@ a {
   <b-container fluid class="container_width">
     <MenuBar/>
     <b-row>
-      <b-col md="6">
+      <b-col md="8">
         <p class="title_story">acknowledgements</p>
       </b-col>
+      <b-col md="2">
+        <a href="/eggs"><b-img class="img-fluid" src="media/egg.png"> </b-img></a>
+
+      </b-col>
+      <b-col md="2" class="small_icon">
+        <a href="/pesto"><b-img class="img-fluid" src="media/basil.png"> </b-img></a>
+      </b-col>
     </b-row>