Responsiveness on Timeline Page

Author: HatimKhambati26

css/timeline.css

@@ -42,7 +42,7 @@
   height: 30px;
   border-radius: 50%;
   background: inherit;
-  box-shadow: 2px 2px 10px #64ffda;
+  box-shadow: 2px 2px 15px #64ffdbce;
 }
 
 .timeline ul li div {
@@ -51,7 +51,7 @@
   width: 400px;
   padding: 15px;
   background: #212121;
-  box-shadow: 2px 2px 10px #64ffda;
+  box-shadow: 2px 2px 15px #64ffdbce;
 }
 
 .timeline ul li div::before {

timeline.html

@@ -3,7 +3,7 @@
 	<!-- useful meta tags -->
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+	<meta name="viewport" content="width=device-width,initial-scale=.5,minimum-scale=.5,maximum-scale=1,user-scalable=no">
 	<meta name="description" content="An event hosted by MHSSCE to promote the programming culture">
 	<meta name="keywords" content="hackathon">
 	<!-- title -->
@@ -86,7 +86,7 @@ <h3 class="center light-heading">Schedule</h3>
 				<li>
 					<div class="time-font">
 						<time>4:00 PM</time>
-						<p class="light-para">Sponsor's Event</p>
+						<p class="light-para">Fun Event</p>
 					</div>
 				</li>
 				<li>
@@ -97,43 +97,49 @@ <h3 class="center light-heading">Schedule</h3>
 				</li>
 				<li>
 					<div class="time-font">
-						<time>8:30 PM</time>
+						<time>9:00 PM</time>
 						<p class="light-para">Dinner</p>
 					</div>
 				</li>
 				<li>
 					<div class="time-font">
 						<time>1:00 AM</time>
-						<p class="light-para">Sponsor's Event</p>
+						<p class="light-para">Fun Event</p>
 					</div>
 				</li>
+				<!-- <li>
+					<div class="time-font">
+						<time>8:00 AM</time>
+						<p class="light-para">Judging Round 1</p>
+					</div>
+				</li> -->
 				<li>
 					<div class="time-font">
-						<time>12:00 PM</time>
-						<p class="light-para">Elimination Round</p>
+						<time>11:00 AM</time>
+						<p class="light-para">Hacking Ends</p>
 					</div>
 				</li>
 				<li>
 					<div class="time-font">
-						<time>2:00 PM</time>
-						<p class="light-para">Hacking Ends</p>
+						<time>12:30 PM</time>
+						<p class="light-para">Lunch</p>
 					</div>
 				</li>
 				<li>
 					<div class="time-font">
-						<time>2:30 PM</time>
-						<p class="light-para">End of Elimination Round</p>
+						<time>1:30 PM</time>
+						<p class="light-para">Announcement of Shortlisted Teams</p>
 					</div>
 				</li>
 				<li>
 					<div class="time-font">
-						<time>3:00 PM</time>
-						<p class="light-para">Final Presentation of Shortlisted Teams</p>
+						<time>2:00 PM</time>
+						<p class="light-para">Final Presentation by Shortlisted Teams</p>
 					</div>
 				</li>
 				<li>
 					<div class="time-font">
-						<time>5:00 PM</time>
+						<time>3:00 PM</time>
 						<p class="light-para">Prize Distribution</p>
 					</div>
 				</li>