fix mobile

style.css

@@ -41,6 +41,8 @@ h2 {
 }
 p {
     font-size: 20px;
+    max-width: 80%;
+    text-align: center;
 }
 
 cards {
@@ -48,10 +50,11 @@ cards {
     display: flex;
     justify-content: center;
     align-items: center;
+    flex-wrap: wrap;
 }
 card {
     backdrop-filter: blur(4px);
-    width: 30%;
+    max-width: 400px;
     border-radius: 8px;
     margin: 16px;
 }
@@ -68,6 +71,8 @@ card img {
 p.text {
     font-size: 16px;
     height: 48px;
+    max-width: 100%;
+    text-align: left;
 }
 a {
     color: white;
@@ -107,4 +112,8 @@ a {
 }
 .blue {
     background-color: #00B4D866;
+}
+
+@media screen and (width < 700px) {
+    
 }