From 7dc13ab6059c5bf797308b692a676af8923cda37 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Thu, 20 Mar 2025 22:45:48 +0100
Subject: [PATCH] Responsive for presentation component

---
 src/components/home/presentation.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/home/presentation.vue b/src/components/home/presentation.vue
index 0bea23a..4eeb327 100644
--- a/src/components/home/presentation.vue
+++ b/src/components/home/presentation.vue
@@ -28,6 +28,8 @@
 }
 #presentation_text{
     width: calc( 55% - 30px );
+    min-width: 250px;
+    flex:1;
     margin-left: 30px;
 }
 #presentation_text h1{
@@ -43,14 +45,20 @@
     font-size: 1.4em;
 }
 #presentation_img{
-    width: fit-content;
     width: 40%;
-    min-width: 500px;
+    min-width: 400px;
     margin-left: auto;
     margin-top: 20px;
+    flex:1;
 }
 #presentation_img img{
     width: 100%;
     height: 100%;
 }
+
+@media (max-width: 599px) {
+    #presentation_img {
+      min-width: 200px !important;
+    }
+}
 </style>
\ No newline at end of file