servicio_social_front/components/layouts/Header.vue

<template>
  <header>
    <div class="container">
      <div
        class="columns is-mobile is-vcentered is-gapless is-justify-content-space-between"
      >
        <a
          href="https://www.unam.mx/"
          target="_blank"
          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 ml-2"
        >
          <b-image
            :src="require('@/assets/logo_unam.png')"
            alt="logo_unam"
          ></b-image>
        </a>

        <a
          href="https://www.acatlan.unam.mx/"
          target="_blank"
          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 mr-2"
        >
          <b-image
            :src="require('@/assets/logo_acatlan.png')"
            alt="logo_unam"
          ></b-image>
        </a>
      </div>
    </div>
  </header>
</template>

<script>
export default {};
</script>

<style scoped>
header {
  background-color: #1b3d70;
}
</style>