Merge pull request #53 from GokturkTalha/main

Mobil responsive tasarım eklendi
GuvendeKal · Oct 14, 2024 · 10ad441 · 10ad441
2 parents a07b236 + e4037f7
commit 10ad441
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -125,16 +125,25 @@ body {
     .custom-box {
         flex-direction: column;
         text-align: center;
+        padding: 12px; 
     }
     .custom-box img {
-        margin: 0 auto 16px auto;
+        max-width: 100px; 
+        height: auto; 
+        margin: 0 auto 12px auto; 
     }
-}
-
-@media (min-width: 769px) {
-    .custom-box {
-        flex-direction: row; /* Masaüstünde yan yana düzen */
-        text-align: left; /* Sol hizalama */
+    .custom-box .title {
+        font-size: 16px; 
+    }
+    .custom-box .description {
+        font-size: 13px; 
+    }
+    .custom-box .icon-group {
+        display: flex;
+        flex-wrap: wrap; 
+        justify-content: center; 
+        gap: 8px; 
+        margin-top: 12px; 
     }
 }
 /* ------ */