Make the font scale to the container

While setting font-size: calc() works, using zoom will probably be better for printing.

src/components/Sticker.vue

@@ -64,10 +64,12 @@ const layout4Class = computed(() => ({
   height: 100%;
 }
 .sticker {
+  width: 256px;
   aspect-ratio: 6 / 1;
   background-color: v-bind(color);
   display: flex;
   .content {
+    //font-size: calc(1.5vw + 1.5vh);
     padding: 5px;
     width: 100%;
     > div > div {

src/views/StickerView.vue

@@ -55,6 +55,7 @@ function claimSticker() {
       <div class="flex flex-col gap-5">
         <div id="StickerWrapper">
           <Sticker
+            class="sticker"
             v-bind="stickerStore.sticker"
             v-if="stickerStore.sticker"
           />
@@ -77,5 +78,10 @@ function claimSticker() {
 #StickerWrapper {
   background-color: #DDD;
   padding: 12px;
+  @media (screen(sm)) {
+    .sticker {
+      zoom: 250%;
+    }
+  }
 }
 </style>