home responsivo terminado

src/view/login.vue

@@ -1,42 +1,59 @@
 <template>
   <div>
-      <Header></Header>
-      <h1 class="my-5">Inicia Sesion</h1>
-<div class="row d-flex justify-content-center">
-<div class="col-12 col-md-8 col-lg-6 col-xl-6">
-<form class="row d-flex justify-content-center">
-      <input type="text" v-model="data.email" id="login" class="form-control col-8"  name="login" placeholder="Usuario">
-      <input type="password" v-model="data.password" id="password" class="form-control col-8 my-3" name="login" placeholder="Contraseña">
-      <input type="button" @click="login" class="btn bg-primary text-white col-5" value="Ingresar">
-    </form>
-</div>
-  </div>
+    <Header></Header>
+    <h1 class="my-5">Inicia Sesion</h1>
+    <div class="row d-flex justify-content-center">
+      <div class="col-12 col-md-8 col-lg-6 col-xl-6">
+        <form class="row d-flex justify-content-center">
+          <input
+            type="text"
+            v-model="data.email"
+            id="login"
+            class="form-control col-8"
+            name="login"
+            placeholder="Usuario"
+          />
+          <input
+            type="password"
+            v-model="data.password"
+            id="password"
+            class="form-control col-8 my-3"
+            name="login"
+            placeholder="Contraseña"
+          />
+          <input
+            type="button"
+            @click="login"
+            class="btn bg-primary text-white col-5"
+            value="Ingresar"
+          />
+        </form>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-
 import Header from "./../components/header.vue";
 
 export default {
-    data(){
-        return{
-            data:{
-            email:'',
-            password:''
-        }}
-    },
-    methods:{
-        login(){
-            alert(this.data.email)
-        }
-    },
-    components: {
-    Header
+  data() {
+    return {
+      data: {
+        email: "",
+        password: ""
+      }
+    };
+  },
+  methods: {
+    login() {
+      alert(this.data.email);
     }
-}
+  },
+  components: {
+    Header
+  }
+};
 </script>
 
-<style>
-
-</style>
+<style></style>