Замутили менюшку для мобилок, дабы более-менее на мелких экранах было, фотку починили

.env.example

@@ -3,6 +3,8 @@ APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
 APP_URL=http://localhost
+SERVER_PORT=8080
+SERVER_HOST=127.0.0.1
 
 LOG_CHANNEL=stack
 LOG_DEPRECATIONS_CHANNEL=null

resources/views/Resume.vue

@@ -3,10 +3,26 @@
         <v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto w-75 rounded-lg main-sheet-bg">
             <div class="d-flex flex-row align-center">
                 <p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
-                <v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
+                <div v-if="windowWidth >= 1000" class="d-flex justify-end">
+                    <v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
+                </div>
+                <div v-else class="d-flex justify-end w-25 pr-3">
+                    <v-menu location="bottom" color="#424242">
+                        <template class="justify-end" v-slot:activator="{ props }">
+                            <v-btn color="#424242" icon="mdi-dots-vertical" v-bind="props"></v-btn>
+                        </template>
+                        <v-list>
+                            <v-list-item v-for="item in linksData" :key="item" :href="item.link">
+                                <v-list-item-title>
+                                    {{ item.name }}
+                                </v-list-item-title>
+                            </v-list-item>
+                        </v-list>
+                    </v-menu>
+                </div>
             </div>
-            <div class="d-flex">
+            <div class="d-flex justify-end align-center">
-                <v-table class="main-sheet-bg pl-5" style="text-align: center">
+                <v-table class="main-sheet-bg pl-5 w-66" style="text-align: center">
                     <tbody>
                     <tr>
                         <td><v-icon :icon="`mdi-account`"></v-icon>Возраст</td>
@@ -26,7 +42,9 @@
                     </tr>
                     </tbody>
                 </v-table>
-                <v-img class="image-gradient w-33" src="./resume.png"></v-img>
+                <div class="w-33">
+                    <v-img class="image-gradient" src="./resume.png"></v-img>
+                </div>
             </div>
 
             <!--
@@ -79,8 +97,27 @@ export default {
             location: 'г. Иркутск',
             email: 'belezov.pavel@mail.ru',
             phoneNumber: '+7-914-919-21-17'
+        },
+        windowHeight: window.innerHeight,
+        windowWidth: window.innerWidth
+    }),
+    methods: {
+        created() {
+            window.addEventListener("resize", this.myEventHandler);
+        },
+        mounted() {
+            window.addEventListener("resize", this.myEventHandler);
+        },
+        destroyed() {
+            window.removeEventListener("resize", this.myEventHandler);
+        },
+        methods: {
+            myEventHandler(e) {
+                this.windowHeight = window.innerHeight;
+                this.windowWidth = window.innerWidth;
+            }
         }
-    })
+    }
 }
 </script>
 
@@ -109,6 +146,7 @@ export default {
 .main-sheet-bg {
     background-color: #424242;
     color: #E0E0E0;
+    text-decoration-color: #E0E0E0;
 }
 
 .image-gradient {