📦 NEW: responsive styles

Author: msaaddev

styles/Coding_Crow.module.css

@@ -16,3 +16,12 @@
     text-transform: uppercase;
     font-size: 3rem;
 }
+
+/* responsive styles */
+
+@media screen and (max-width: 600px) {
+    .pod_img h1 {
+        text-transform: uppercase;
+        font-size: 2rem;
+    }
+}

styles/Pod.module.css

@@ -18,3 +18,11 @@
     flex-direction: row;
     flex-wrap: wrap;
 }
+
+/* responsive styles */
+
+@media screen and (max-width: 600px) {
+    .pod_details h2 {
+        font-size: 1.7rem;
+    }
+}

styles/Pod_leader.module.css

@@ -3,10 +3,24 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-top: 50px;
+    justify-content: center;
 }
 
 .pod_leader h2 {
     font-size: 2.5rem;
     text-transform: uppercase;
+    margin: 0;
+}
+
+/* responsive styles */
+
+@media screen and (max-width: 600px) {
+    .pod_leader {
+        padding-top: 0px;
+    }
+
+    .pod_leader h2 {
+        font-size: 1.7rem;
+        text-transform: uppercase;
+    }
 }