From f380ea7f1c4c086843a094c24ab2115d28a73c0b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 11 Nov 2022 15:31:52 +0600
Subject: [PATCH] fixed mobile layout for contacts

---
 pages/contacts.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/pages/contacts.vue b/pages/contacts.vue
index 19b73fc..219f444 100644
--- a/pages/contacts.vue
+++ b/pages/contacts.vue
@@ -40,6 +40,10 @@ definePageMeta({ layout: "landing" });
 <style lang="scss" module>
 @import "@/assets/css/mixins";
 
+.text {
+  padding-bottom: 40px;
+}
+
 .content {
   @include container;
 }
@@ -47,9 +51,20 @@ definePageMeta({ layout: "landing" });
 .grid {
   display: grid;
   grid-template-columns: 2fr 1fr;
-  grid-column-gap: 80px;
+  gap: 80px;
+  align-items: center;
+
+  @include desktop {
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+  }
 
   @include tablet {
+    gap: 20px;
+    grid-template-columns: 2fr 1fr;
+  }
+
+  @include phone {
     display: flex;
     flex-direction: column-reverse;
   }
@@ -64,8 +79,12 @@ definePageMeta({ layout: "landing" });
 }
 
 .image {
-  @include tablet {
+  @include phone {
     display: none;
   }
+
+  img {
+    max-width: 100%;
+  }
 }
 </style>