foto

src/App.vue

@@ -89,7 +89,9 @@
                 <div class="col">
                     <div class="hlavni1">
                         
+                    
                         <div class="hlavni2">
+                            <img class="foto" src="./assets/let.png" alt="">
                             <h2>Objednávka</h2>
                             <p v-if="travelType">
                                 Typ cesty: 
@@ -124,6 +126,9 @@
                                 </div>
                             </div>
                             
+                            
+
+                            
                         </div>
                     </div>
                         
@@ -282,6 +287,12 @@ export default {
       margin: 0 auto;
 
   }
+  .foto{
+      float: right;
+      width: 100%;
+  }
+
+  
   @media (max-width: 1200px) {
      .wrapper {
     display: grid;
@@ -356,6 +367,11 @@ export default {
       width: 80%;
       margin: 0 auto;
       }
+    .foto{
+      float: right;
+      width: 100%;
+  }
+    
     
 }
 
@@ -441,11 +457,18 @@ export default {
     background-color: white;
 
   }
+  .foto{
+      float: right;
+      width: 100%;
     
     
+    }
 }
+
+
 @media (max-width: 500px) {
-      .wrapper {
+
+.wrapper {
     display: grid;
     grid-template-columns: 1fr;
     
@@ -525,6 +548,11 @@ export default {
     background-color: white;
 
   }
+  .foto{
+      float: right;
+      width: 100%;
+    }
+  
     
     
 }
@@ -534,4 +562,5 @@ export default {
 
   
   
+
 </style>