Update src/App.css

src/App.css

@@ -70,6 +70,18 @@
   }
 }
 
+@media (max-width: 768px) {
+  .main-container {
+    flex-direction: column; /* Układa elementy pionowo, jeden pod drugim */
+    padding: 10px;
+  }
+
+  .card-input, .card-results {
+    width: 100%; /* Karty zajmują pełną szerokość ekranu telefonu */
+    margin-bottom: 20px;
+  }
+}
+
 #next-steps {
   display: flex;
   border-top: 1px solid var(--border);