Update styles.css

styles.css

@@ -1,3 +1,29 @@
+/* Mobil cihazlar için stil ayarları */
+@media (max-width: 768px) {
+    #attack-simulator {
+        margin: 10px; /* Küçük ekranlarda margin değerini azaltır */
+        padding: 10px; /* Padding değerini küçültür */
+    }
+
+    button {
+        flex: 1 0 100%; /* Butonları küçük ekranlarda tam genişlikte yapar */
+        max-width: 100%; /* Butonların genişliğini sınırlar */
+    }
+}
+
+/* Tablet ve küçük ekranlar için stil ayarları */
+@media (max-width: 1024px) {
+    #attack-simulator {
+        margin: 20px;
+        padding: 15px;
+    }
+
+    button {
+        flex: 1 0 calc(50% - 10px); /* Butonları daha geniş yapar */
+    }
+}
+
+
 body {
     background-color: rgb(12, 185, 228);
     font-family: 'Arial', sans-serif;