diff --git a/vue/src/views/AboutView.vue b/vue/src/views/AboutView.vue
index 33090be..2194a95 100644
--- a/vue/src/views/AboutView.vue
+++ b/vue/src/views/AboutView.vue
@@ -8,7 +8,7 @@
   | (_| | |_) | (_) | |_| | |_ 
    \__,_|_.__/ \___/ \__,_|\__|</pre>
   </div>
-  <div class="text-left mx-3">
+  <div id="container2" class="text-left mx-3">
     <h1>What is this?</h1>
     <div class="mx-1">
       delphi.market is a prediction market based on the bitcoin lightning network.
@@ -38,4 +38,26 @@ h1 {
   margin-top: 0.75em;
   margin-bottom: 0.25em;
 }
+
+#container2 {
+  max-width: 33vw;
+}
+
+@media only screen and (max-width: 1024px) {
+  #container2 {
+    max-width: 80vw;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  #container2 {
+    max-width: 90vw;
+  }
+}
+
+@media only screen and (max-width: 640px) {
+  #container2 {
+    max-width: 100vw;
+  }
+}
 </style>