header temporal

components/layouts/Header.vue

@@ -1,7 +1,7 @@
 <template>
   <header class="">
     <div class="container">
-      <div class="columns">
+      <div class="columns is-vcentered is-gapless is-justify-content-space-around">
         <div class="column is-narrow">
           <img src="../../assets/logo_unam.png" alt="logo_unam" />
         </div>
@@ -14,17 +14,17 @@
 </template>
 
 <script>
-export default {
-  data() {
-    return { hola: "123", alkfj: "", asdklfj: "", ldskfj: "", lsdkfj: "" };
-  },
-  methods: {},
-};
+export default {}
 </script>
 
 <style scoped>
 header {
   background-color: #1b3d70;
-  height: 12.5vh;
+  /* height:12.5vh; */
+  height: 20vh;
+}
+
+.height-100 {
+  height: 100%;
 }
 </style>