responsivität

CSS/Element/card.css

@@ -24,18 +24,23 @@ body {
     color: white;
     text-align: left;
     max-width: 1000px;
-    margin: 0 auto;
-    padding-left: 230px;
     margin-bottom: 30px;
 }
 
 .course-grid {
     display: flex;
     flex-wrap: wrap;
-    gap: 30px;
-    margin: 0 auto;
+    gap: 40px;
+    margin-left: 20px;
 }
 
+@media screen and (max-width: 765px) {
+    .course-grid{
+        margin-left: 0;
+    }
+}
+
+
 .course-card {
     background: var(--brand-white);
     border-radius: 12px;

CSS/Element/filter_box.css

@@ -2,7 +2,6 @@
     background: #EB8202;
     color: #fff;
     padding: 1em;
-    max-width: 300px;
     border-radius: 8px;
     font-family: sans-serif;
     margin-bottom: 1em;

CSS/Element/form.css

@@ -51,6 +51,12 @@ textarea {
   margin: auto;
 }
 
+@media screen and (max-width: 1024px) {
+  .form-grid {
+    grid-template-columns: repeat(1, 1fr);
+  }
+}
+
 .form-grid-3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -113,3 +119,9 @@ form .error {
   background: transparent!important;
   border: transparent!important;
 }
+
+@media only screen and (max-width: 500px) {
+ .input-transparent{
+   display: none;
+ }
+}