diff --git a/src/components/eventTask/eventTask.module.css b/src/components/eventTask/eventTask.module.css
index 10d2fa7..00cbb7a 100644
--- a/src/components/eventTask/eventTask.module.css
+++ b/src/components/eventTask/eventTask.module.css
@@ -38,4 +38,11 @@
         opacity: 1;
         transform: translateY(0);
     }
+}
+
+@media screen and (max-width: 768px) {
+
+    .task {
+        flex-direction: column;
+    }
 }
\ No newline at end of file
diff --git a/src/pages/eventDetail/eventDetail.module.css b/src/pages/eventDetail/eventDetail.module.css
index 11ca271..af8a9de 100644
--- a/src/pages/eventDetail/eventDetail.module.css
+++ b/src/pages/eventDetail/eventDetail.module.css
@@ -67,4 +67,15 @@
     display: flex;
     flex-direction: row;
     gap: 10px;
+}
+
+@media screen and (max-width: 768px) {
+
+    .eventContent {
+        flex-direction: column;
+    }
+
+    .textImage {
+        flex-direction: column;
+    }
 }
\ No newline at end of file