<template>
  <div class="qr-code">
    <span class="grid">QR</span>
    <span class="uuid">1337-9339</span>
  </div>
</template>

<style scoped>
.grid {
  font-size: 200%;
}
.qr-code {
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  width: 80px;
}
.uuid {
  color: rgba(51, 51, 51, 0.91);
  font-size: 90%;
  font-family: monospace;
}
</style>
