flex

src/pages/resultPage.vue

@@ -1,16 +1,7 @@
 <template>
   <div>
-    <img
-      class="bgi"
-      src="../../public/images/result/resultbgi.jpg"
-      width="100%"
-    />
-    <img
-      @click="onShare"
-      class="share"
-      src="../../public/images/result/sharebtn.png"
-      width="45%"
-    />
+    <img class="bgi" src="../../public/images/result/resultbgi.jpg" width="100%" />
+    <img @click="onShare" class="share" src="../../public/images/result/sharebtn.png" width="45%" />
     <img
       @click="close"
       v-show="isShare"
@@ -24,7 +15,7 @@
 export default {
   data() {
     return {
-      isShare:false
+      isShare: false
     }
   },
   methods: {
@@ -50,6 +41,10 @@ export default {
 .share {
   z-index: 3;
   position: absolute;
-  margin: 139vw 0 0 27.5vw;
+  top: 81vh;
+  /* align-items: center; */
+  /* width: 47%; */
+  /* margin: 0 auto; */
+  left: 27.5vw;
 }
 </style>