From aff23432d636e1fbb3db8a9dc4705180810271cc Mon Sep 17 00:00:00 2001 From: T'JAMPENS QUENTIN p2406187 Date: Wed, 14 Jan 2026 21:57:07 +0100 Subject: [PATCH] Fix responsive eventDetail --- src/components/eventTask/eventTask.module.css | 7 +++++++ src/pages/eventDetail/eventDetail.module.css | 11 +++++++++++ 2 files changed, 18 insertions(+) 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