From 35be13c04cfd2c4d6d527b1ce227a640cbf1f354 Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Thu, 2 Dec 2021 13:16:55 +0100
Subject: [PATCH] fixed mobile view

---
 src/components/edition3/bananas.vue      | 8 ++++----
 src/components/edition3/bowl.vue         | 8 ++++----
 src/components/edition3/mittens.vue      | 8 ++++----
 src/components/edition3/olives.vue       | 8 ++++----
 src/components/edition3/popcorn.vue      | 8 ++++----
 src/components/edition3/potato.vue       | 8 ++++----
 src/components/edition3/threeeggs.vue    | 8 ++++----
 src/components/edition3/twoberries.vue   | 8 +++++---
 src/components/edition3/vodka.vue        | 4 ++--
 src/components/edition3/workfromhome.vue | 8 ++++----
 10 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/src/components/edition3/bananas.vue b/src/components/edition3/bananas.vue
index 1239f95..9b82829 100644
--- a/src/components/edition3/bananas.vue
+++ b/src/components/edition3/bananas.vue
@@ -153,10 +153,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+    #illustration {
+      width: 60%;
+      padding-left: 20%;
+    }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/bowl.vue b/src/components/edition3/bowl.vue
index 48cdd16..b18b2e1 100644
--- a/src/components/edition3/bowl.vue
+++ b/src/components/edition3/bowl.vue
@@ -150,10 +150,10 @@ a {
 
 }
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/mittens.vue b/src/components/edition3/mittens.vue
index 7ef8300..c4ac8c1 100644
--- a/src/components/edition3/mittens.vue
+++ b/src/components/edition3/mittens.vue
@@ -138,10 +138,10 @@ visibility: hidden;
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/olives.vue b/src/components/edition3/olives.vue
index 5686359..6d6eb74 100644
--- a/src/components/edition3/olives.vue
+++ b/src/components/edition3/olives.vue
@@ -132,10 +132,10 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/popcorn.vue b/src/components/edition3/popcorn.vue
index 1e4bbf1..f3697cc 100644
--- a/src/components/edition3/popcorn.vue
+++ b/src/components/edition3/popcorn.vue
@@ -143,10 +143,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/potato.vue b/src/components/edition3/potato.vue
index c63d9b3..0a3f3c9 100644
--- a/src/components/edition3/potato.vue
+++ b/src/components/edition3/potato.vue
@@ -153,10 +153,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/threeeggs.vue b/src/components/edition3/threeeggs.vue
index 297fbad..e4dd7f3 100644
--- a/src/components/edition3/threeeggs.vue
+++ b/src/components/edition3/threeeggs.vue
@@ -134,10 +134,10 @@ visibility: hidden;
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+  #illustration {
+    width: 60%;
+    padding-left: 20%;
+  }
      .title_story {
        font-size: 48px;
      }
diff --git a/src/components/edition3/twoberries.vue b/src/components/edition3/twoberries.vue
index d8ad9e1..0ff641d 100644
--- a/src/components/edition3/twoberries.vue
+++ b/src/components/edition3/twoberries.vue
@@ -152,10 +152,7 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
 
-     }
      .title_story {
        font-size: 48px;
      }
@@ -170,6 +167,11 @@ a {
      .photo {
        padding-bottom: 40px;
      }
+
+     #illustration {
+       width: 60%;
+       padding-left: 20%;
+     }
    }
 
 </style>
diff --git a/src/components/edition3/vodka.vue b/src/components/edition3/vodka.vue
index 507ed06..2bda8c4 100644
--- a/src/components/edition3/vodka.vue
+++ b/src/components/edition3/vodka.vue
@@ -160,8 +160,8 @@ a {
      }
 
      #illustration {
-       width: 60%;
-       display: block;
+       width: 50%;
+       padding-left: 30%;
      }
    }
 
diff --git a/src/components/edition3/workfromhome.vue b/src/components/edition3/workfromhome.vue
index 012e80e..3ef672b 100644
--- a/src/components/edition3/workfromhome.vue
+++ b/src/components/edition3/workfromhome.vue
@@ -139,10 +139,10 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
-
-     }
+    #illustration {
+    width: 60%;
+    padding-left: 20%;
+    }
      .title_story {
        font-size: 48px;
      }