utp

sjaquer · Dec 5, 2024 · 3f326f4 · 3f326f4
1 parent 839e9c5
commit 3f326f4
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -16,6 +16,7 @@
             display: flex;
             flex-direction: column;
             align-items: center;
+            padding: 0 20px; /* Add padding to center content */
         }
         .header {
             text-align: center;
@@ -173,6 +174,52 @@
         .footer a:hover {
             text-decoration: underline;
         }
+        @media (max-width: 768px) {
+            .main-title {
+                font-size: 2em;
+            }
+            .main-content img {
+                width: 150px;
+            }
+            .section-title {
+                font-size: 1.2em;
+            }
+            .carousel {
+                max-width: 100%;
+            }
+            .carousel img {
+                width: 100%;
+            }
+            .carousel-text {
+                font-size: 0.9em;
+            }
+            .carousel-nav i {
+                padding: 5px;
+            }
+        }
+        @media (max-width: 480px) {
+            .main-title {
+                font-size: 1.5em;
+            }
+            .main-content img {
+                width: 100px;
+            }
+            .section-title {
+                font-size: 1em;
+            }
+            .carousel {
+                max-width: 100%;
+            }
+            .carousel img {
+                width: 100%;
+            }
+            .carousel-text {
+                font-size: 0.8em;
+            }
+            .carousel-nav i {
+                padding: 5px;
+            }
+        }
     </style>
 </head>
 <body>