App-2.vue

<template>
  <div id="app">
    <div class="hero">
      <img class="logo" alt="Vue logo" src="./assets/logo.png">
      <p>meet</p>
      <img class="logo logo--nudge" alt="@Carbon/vue logo" src="./assets/AtCarbonVue.png">
    </div>
    <hello-world/>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "app",
  components: {
    HelloWorld
  }
};
</script>

<style lang="scss">
@import "~carbon-components/scss/globals/scss/styles.scss";

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 50%;
  max-width: 800px;
  margin: 0 auto;
}

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo {
  height: 200px;
  margin: 20px;
}

.logo--nudge {
  margin-left: 83px;
}

.cv-button {
  margin: 20px 0;
}
</style>