Fix editor

src/scss/_about.scss

@@ -1,5 +1,7 @@
 .about {
   background-color: $background-light;
+  width: 100%;
+  overflow-x: hidden;
 
   @media all and (max-width: $desktop-xl) {
     .about {

src/scss/_download.scss

@@ -1,6 +1,7 @@
 .download {
   text-align: center;
   width: 100%;
+  min-width: 320px;
 }
 
 .download__rounded-button--translated {

src/scss/_editor.scss

@@ -1,16 +1,34 @@
+.editor {
+  min-width: 320px;
+}
+
 .editor__description {
   text-align: center;
 }
 
 .editor__title {
+  padding: 0 10px;
   margin-top: 60px;
   font-family: Montserrat, sans-serif;
   font-size: 54px;
   font-weight: bold;
   text-transform: uppercase;
   color: $primary-dark;
+
+  @media all and (max-width: $desktop) {
+    font-size: 45px;
+  }
+
+  @media all and (max-width: $tablet) {
+    font-size: 40px;
+  }
+
   @media all and (max-width: $phone) {
-    font-size: 48px;
+    font-size: 33px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    font-size: 30px;
   }
 }
 
@@ -20,6 +38,18 @@
   font-size: 21px;
   font-weight: 400;
   color: $dark-text;
+
+  @media all and (max-width: $desktop) {
+    font-size: 20px;
+  }
+
+  @media all and (max-width: $tablet) {
+    font-size: 18px;
+  }
+
+  @media all and (max-width: $phone) {
+    font-size: 16px;
+  }
 }
 
 .editor__github {

src/scss/_global.scss

@@ -1,3 +1,4 @@
 body {
   overflow-x: hidden;
+  max-width: 100%;
 }