step 3

2025-11-03 19:30:55 +01:00
parent 6232b80741
commit 1e0ea6ae6e
6 changed files with 77 additions and 40 deletions
--- a/first-app/src/app/home/home.css
+++ b/first-app/src/app/home/home.css
@@ -0,0 +1,36 @@
+.results {
+    display: grid;
+    column-gap: 14px;
+    row-gap: 14px;
+    grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
+    margin-top: 50px;
+    justify-content: space-around;
+}
+input[type="text"] {
+    border: solid 1px var(--primary-color);
+    padding: 10px;
+    border-radius: 8px;
+    margin-right: 4px;
+    display: inline-block;
+    width: 30%;
+}
+button {
+    padding: 10px;
+    border: solid 1px var(--primary-color);
+    background: var(--primary-color);
+    color: white;
+    border-radius: 8px;
+}
+@media (min-width: 500px) and (max-width: 768px) {
+    .results {
+        grid-template-columns: repeat(2, 1fr);
+    }
+    input[type="text"] {
+        width: 70%;
+    }
+}
+@media (max-width: 499px) {
+    .results {
+        grid-template-columns: 1fr;
+    }
+}