Changed width on desktop to absolute value

src/views/HelpPage.vue

@@ -5,12 +5,12 @@
 
   @media screen and (min-width : 906px) {
     .help {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
   }
-  
+
   button {
       width: 80%;
       margin-bottom: 5%;

src/views/Home.vue

@@ -5,10 +5,10 @@
     justify-content: center;
     padding: 0.5em;
   }
-  
+
   @media screen and (min-width : 906px) {
     .home {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }

src/views/Questionnaire.vue

@@ -40,13 +40,12 @@
 <style scoped>
     @media screen and (min-width : 906px) {
     .questionnaire {
-        width: 30%;
+        width: 600px;
         margin-left: auto;
         margin-right: auto;
         }
     }
 
-
     #back-button {
         position: absolute;
         margin-left: 2%;

src/views/Results.vue

@@ -75,7 +75,7 @@
 
     @media screen and (min-width : 906px) {
         .results {
-            width: 30%;
+            width: 600px;
             margin-left: auto;
             margin-right: auto;
         }

src/views/Warning.vue

@@ -9,7 +9,7 @@
   
   @media screen and (min-width : 906px) {
     .warning {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }