yarn berry

.vscode/settings.json

@@ -1,9 +1,9 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "files.associations": {
     "*.css": "postcss"
   },
   "editor.formatOnSave": true
-}
+}

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

components/content/BenefitTeaser.vue

@@ -57,7 +57,7 @@ const features: ServiceTeaser[] = [
     </div>
     <div class="mt-8 rounded-lg bg-gray-900 py-8 sm:mt-12 sm:py-12 lg:mt-16">
       <div class="mx-auto max-w-7xl px-6 lg:px-8">
-        <div class="mx-auto max-w-2xl lg:max-w-none">
+        <div class="mx-auto max-w-2xl sm:max-w-none">
           <dl class="grid max-w-xl grid-cols-1 gap-x-12 gap-y-20 lg:max-w-none lg:grid-cols-2">
             <div v-for="feature in features" :key="feature.title" class="flex flex-col">
               <dt class="text-lg font-semibold leading-7 text-white">

package.json

@@ -31,5 +31,9 @@
     "@vuelidate/validators": "^2.0.0",
     "@vueuse/nuxt": "^10.4.1",
     "axios": "^1.3.4"
-  }
+  },
+  "resolutions": {
+    "string-width": "4.2.3"
+  },
+  "packageManager": "yarn@4.1.1"
 }