styling+adaptive

style.css

@@ -5,11 +5,15 @@ body {
     flex-direction: column;
     align-items: center;
     margin: 20px;
+    background-color: #f5f5f5; /* Цвет фона страницы */
 }
 
 /* Стили для панели управления */
 #controls {
     margin-bottom: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;    
 }
 
 /* Стили для игрового поля */
@@ -27,10 +31,19 @@ body {
 
 /* Стили для активных клеток */
 .cell.active {
-    background-color: #3498db;
+    background-color: #3498db; /* Цвет клетки */
 }
 
 /* Стили для отображения текущего поколения */
 #generation {
     margin-top: 10px;
+    font-size: 18px;
+}
+
+/* Адаптивная верстка */
+@media screen and (max-width: 600px) {
+    #controls {
+        flex-direction: column;
+        align-items: flex-start;
+    }
 }