From 22ab6405c8a88fb7b1a2a83476a0617b11732f2e Mon Sep 17 00:00:00 2001
From: SkymelTheo <erigoni.t@gmail.com>
Date: Tue, 25 Feb 2025 15:14:03 +0100
Subject: [PATCH] style modale

---
 src/style/profile-page.scss | 44 +++++++++++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/src/style/profile-page.scss b/src/style/profile-page.scss
index 67161f9..ccbea60 100644
--- a/src/style/profile-page.scss
+++ b/src/style/profile-page.scss
@@ -1,6 +1,7 @@
 @use 'settings.scss' as *;
 
 .profile {
+  z-index: 10000;
   max-width: 920px;
   margin: 0 auto;
   overflow: auto;
@@ -114,9 +115,44 @@
   }
 }
 
-@media screen and (max-width: 450px) {
-  .profile .comics-characters .character-content .comics-list {
-    display: flex;
-    gap: 16px 70px;
+@media screen and (max-width: 644px) {
+  .profile .comics-characters .character-content {
+    margin-left: 1px;
+
+    .present {
+      // display: block;
+
+      .image-containe {
+        img {
+          height: 200px;
+          width: 200px;
+        }
+        h2 {
+          font-size: 1.2rem;
+          margin-left: 28%;
+        }
+      }
+      .bio {
+        margin-left: 10px;
+        h3 {
+          font-size: 1.3rem;
+        }
+        p {
+          font-size: 1rem;
+        }
+      }
+    }
+    .comics-section {
+      .comics-list {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 15px;
+        a img {
+          height: 150px;
+          width: 100px;
+          margin-top: -10px;
+        }
+      }
+    }
   }
 }