fix adaptive

src/components/Calendar/calendarComponent.scss

@@ -173,7 +173,7 @@
 
       .form-date {
         width: 100%;
-        padding: 5px 0 0 15px;
+        padding: 5px 0 0 0;
         height: 100%;
       }
 

src/components/Common/ModalLayout/modalLayout.scss

@@ -119,6 +119,10 @@
   .create-ticket-project {
     padding: 0;
     background: white;
+
+    @media (max-width: 770px) {
+      width: 90%;
+    }
   }
 
   .ck-editor {

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -30,10 +30,6 @@
   max-height: 700px;
   max-width: 915px;
 
-  @media (max-width: 990px) {
-    width: 96%;
-  }
-
   @media (max-width: 880px) {
     max-height: none;
     overflow-y: inherit;
@@ -590,10 +586,6 @@
         width: 100%;
       }
     }
-
-    @media (max-width: 880px) {
-      width: 100%;
-    }
   }
 
   .members {
@@ -613,6 +605,7 @@
     position: relative;
     border-left: 1px solid #f1f1f1;
     width: 32%;
+    padding: 0 10px 10px 0;
 
     .exit {
       cursor: pointer;

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -31,6 +31,12 @@
   align-items: center;
   flex-direction: column;
   padding-bottom: 15px;
+  width: 100%;
+  min-width: 700px;
+
+  @media (max-width: 770px) {
+    min-width: auto;
+  }
 
   .select-priority {
     background-color: white;
@@ -338,8 +344,10 @@
   }
 
   .create-task-body {
+    width: 100%;
     padding: 15px 30px;
-    display: flex;
+    display: grid;
+    grid-template-columns: 55% 45%;
     column-gap: 20px;
 
     &__left {
@@ -356,7 +364,7 @@
       .input-container {
         background: #f1f1f1;
         margin: 0 0 17px;
-        width: 393px;
+        width: 100%;
         height: 47px;
 
         input {
@@ -407,10 +415,11 @@
         display: flex;
         flex-direction: column;
         position: relative;
+        width: 100%;
 
         .tags {
           &__selected {
-            width: 250px;
+            width: 100%;
             font-weight: 300;
             line-height: 18px;
             font-size: 15px;
@@ -538,10 +547,10 @@
 
       .select__priority {
         position: relative;
+        width: 100%;
 
         &__name {
           color: #000;
-          width: 250px;
           height: 47px;
           font-size: 15px;
           font-weight: 400;
@@ -589,7 +598,7 @@
 
       .select__executor {
         background: #f1f1f1;
-        width: 250px;
+        width: 100%;
         height: 47px;
         font-weight: 300;
         line-height: 18px;

src/components/ProfileCalendar/profileCalendar.scss

@@ -41,6 +41,12 @@
       align-items: center;
       column-gap: 10px;
 
+      p {
+        @media (max-width: 425px) {
+          display: none;
+        }
+      }
+
       div {
         font-size: 12px;
         font-weight: 400;

src/components/TrackerCardTask/TrackerCardTask.jsx

@@ -97,6 +97,7 @@ const TrackerCardTask = forwardRef(
     }, [projectBoard]);
 
     return (
+      <>
         <div
           ref={ref}
           key={task.id}
@@ -179,12 +180,13 @@ const TrackerCardTask = forwardRef(
               </div>
             </div>
           </div>
+        </div>
         <TrackerSelectColumn
           columns={projectBoard.columns.filter((item) => item.id !== column.id)}
           currentColumn={column}
           task={task}
         />
-      </div>
+      </>
     );
   }
 );

src/components/TrackerCardTask/trackerCardTask.scss

@@ -30,6 +30,10 @@
       overflow: auto;
       padding: 5px;
 
+      @media (max-width: 900px) {
+        row-gap: 0;
+      }
+
       &::-webkit-scrollbar {
         width: 3px;
         border-radius: 10px;
@@ -61,7 +65,7 @@
       position: relative;
       box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.06),
         0px 5px 3px -2px rgba(0, 0, 0, 0.02);
-      border-radius: 6px;
+      border-radius: 6px 6px 0 0;
       background: #ffffff;
       cursor: pointer;
       display: flex;
@@ -76,6 +80,7 @@
 
       @media (max-width: 900px) {
         width: 100%;
+        padding: 6px 10px 5px 10px;
         max-height: none;
 
         &:hover {

src/components/TrackerSelectColumn/trackerSelectColumn.scss

@@ -2,15 +2,16 @@
   display: none;
 
   @media (max-width: 900px) {
+    background: #ffffff;
     display: flex;
     width: 100%;
-    margin: 10px 0;
+    margin: 0 0 15px 0;
     justify-content: space-between;
     align-items: center;
-    padding: 2px 6px;
+    padding: 0 6px;
     cursor: pointer;
-    border: 1px solid #e3e2e2;
-    border-radius: 8px;
+    border-top: 1px solid #e3e2e2;
+    border-radius: 0 0 6px 6px;
     position: relative;
 
     p {