(styling): implemented basic mobile responsiveness in projects page

htdocs/assets/style.css

@@ -639,11 +639,6 @@ video {
   margin-right: 1.5rem;
 }
 
-.mx-7 {
-  margin-left: 1.75rem;
-  margin-right: 1.75rem;
-}
-
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -659,6 +654,11 @@ video {
   margin-bottom: 0.75rem;
 }
 
+.my-32 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
+}
+
 .my-7 {
   margin-top: 1.75rem;
   margin-bottom: 1.75rem;
@@ -669,21 +669,6 @@ video {
   margin-bottom: 0.30rem;
 }
 
-.my-auto {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.my-40 {
-  margin-top: 10rem;
-  margin-bottom: 10rem;
-}
-
-.my-36 {
-  margin-top: 9rem;
-  margin-bottom: 9rem;
-}
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -700,10 +685,6 @@ video {
   margin-bottom: 5rem;
 }
 
-.mb-24 {
-  margin-bottom: 6rem;
-}
-
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -720,6 +701,10 @@ video {
   margin-bottom: 1.5rem;
 }
 
+.mb-60 {
+  margin-bottom: 15rem;
+}
+
 .mb-7 {
   margin-bottom: 1.75rem;
 }
@@ -808,8 +793,8 @@ video {
   margin-top: 0.75rem;
 }
 
-.mt-32 {
-  margin-top: 8rem;
+.mt-40 {
+  margin-top: 10rem;
 }
 
 .mt-5 {
@@ -828,30 +813,6 @@ video {
   margin-top: 2.2rem;
 }
 
-.mb-40 {
-  margin-bottom: 10rem;
-}
-
-.mt-36 {
-  margin-top: 9rem;
-}
-
-.mb-44 {
-  margin-bottom: 11rem;
-}
-
-.mb-60 {
-  margin-bottom: 15rem;
-}
-
-.mt-44 {
-  margin-top: 11rem;
-}
-
-.mt-40 {
-  margin-top: 10rem;
-}
-
 .flex {
   display: flex;
 }
@@ -904,18 +865,6 @@ video {
   height: 100vh;
 }
 
-.h-\[50vh\] {
-  height: 50vh;
-}
-
-.min-h-\[50vh\] {
-  min-height: 50vh;
-}
-
-.min-h-screen {
-  min-height: 100vh;
-}
-
 .w-0 {
   width: 0px;
 }
@@ -1572,6 +1521,11 @@ video {
     top: 8.2rem;
   }
 
+  .lg\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
   .lg\:my-2 {
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
@@ -1703,6 +1657,10 @@ video {
     flex-wrap: nowrap;
   }
 
+  .lg\:items-center {
+    align-items: center;
+  }
+
   .lg\:justify-end {
     justify-content: flex-end;
   }
@@ -1735,6 +1693,11 @@ video {
     padding-bottom: 2.25rem;
   }
 
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
   .lg\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;