Adjusted positioning

Author: kevinmonisit

public/tailwind-output.css

@@ -787,11 +787,6 @@ video {
   margin-bottom: 0.5rem;
 }
 
-.my-24 {
-  margin-top: 6rem;
-  margin-bottom: 6rem;
-}
-
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -812,48 +807,24 @@ video {
   margin-bottom: 1rem;
 }
 
-.mt-10 {
-  margin-top: 2.5rem;
-}
-
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-
-.mb-12 {
-  margin-bottom: 3rem;
+.mb-20 {
+  margin-bottom: 5rem;
 }
 
 .mt-40 {
   margin-top: 10rem;
 }
 
-.mt-24 {
-  margin-top: 6rem;
-}
-
-.mt-32 {
-  margin-top: 8rem;
-}
-
-.mt-44 {
-  margin-top: 11rem;
-}
-
-.mb-20 {
-  margin-bottom: 5rem;
+.mt-10 {
+  margin-top: 2.5rem;
 }
 
-.mb-24 {
-  margin-bottom: 6rem;
+.ml-6 {
+  margin-left: 1.5rem;
 }
 
-.mb-32 {
-  margin-bottom: 8rem;
+.mb-3 {
+  margin-bottom: 0.75rem;
 }
 
 .block {
@@ -962,6 +933,26 @@ video {
   width: 16rem;
 }
 
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-1\/4 {
+  width: 25%;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-2\/5 {
+  width: 40%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1270,6 +1261,10 @@ video {
   padding-left: 1rem;
 }
 
+.pr-10 {
+  padding-right: 2.5rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -1540,10 +1535,6 @@ video {
     right: -5rem;
   }
 
-  .sm\:mt-20 {
-    margin-top: 5rem;
-  }
-
   .sm\:mt-24 {
     margin-top: 6rem;
   }
@@ -1668,6 +1659,10 @@ video {
     margin-top: 10rem;
   }
 
+  .md\:mt-4 {
+    margin-top: 1rem;
+  }
+
   .md\:flex {
     display: flex;
   }
@@ -1713,6 +1708,23 @@ video {
     padding-right: 0.75rem;
   }
 
+  .md\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .md\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .md\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
   .md\:text-10xl {
     font-size: 9rem;
   }

src/components/_Landing/sections/schedule/Schedule.tsx

@@ -66,11 +66,11 @@ function ScheduleOfTheDay(props: { dayInfo: DayInfo }) {
             <div className="text-5xl md:text-7xl w-full text-center mb-4 font-semibold glow-subtitles text-textSubtitle">{dayInfo.day}</div>
             <div className="w-full">
                 {times.map((timeInfo, index) => (
-                    <div className="flex flex-row w-full text-xl font-semibold my-2 md:my-5 md:px-3"
+                    <div className="flex flex-row w-full text-xl font-semibold my-2 md:my-5 md:px-3 pr-4"
                         key={`${day}-${index}`}
                     >
-                        <div className="w-1/2 h-fit text-right pr-5">{timeInfo.time}</div>
-                        <div className="w-1/2">
+                        <div className="w-2/5 h-fit text-right pr-5">{timeInfo.time}</div>
+                        <div className="w-3/5">
                             {timeInfo.event}
                             &nbsp;&nbsp;
                             {timeInfo.reactIcon &&