diff --git a/css/main.css b/css/main.css
index b551a32..ee61493 100644
--- a/css/main.css
+++ b/css/main.css
@@ -29,6 +29,38 @@ input:focus::placeholder ,.common-editor-inputer:focus::placeholder {
     line-height: 1.5;
     position: relative;
 }
+
+@media (max-width: 480px) and (orientation: portrait) and (hover: none) and (pointer: coarse) {
+    .body{
+        min-width: 0;
+    }
+
+    .common-tools-wrapper {
+        flex-wrap: wrap;
+        align-items: stretch;
+        gap: .75rem .5rem;
+    }
+
+    .common-tools-container {
+        flex: 1 1 100%;
+        min-width: 0;
+        flex-wrap: wrap;
+    }
+
+    .common-tools-container .mr-5 {
+        margin-bottom: .5rem;
+    }
+
+    .btns-container {
+        flex: 1 1 100%;
+        text-align: right;
+    }
+
+    #content_submit_text {
+        min-width: 3rem;
+        min-height: 2.5rem;
+    }
+}
 a{color: #555;}
 .title{
     width: 100px;