style.css

@@ -1,6 +1,7 @@
 * {
 	margin: 0;
 	padding: 0;
+	-webkit-box-sizing: border-box;
 			box-sizing: border-box;
 	text-transform: capitalize;
 	font-family: Verdana, Geneva, Tahoma, sans-serif;
@@ -19,9 +20,13 @@ body {
   }
   
   .container {
+	display: -ms-grid;
 	display: grid;
+	-ms-grid-columns: 2fr 1fr;
 		grid-template-columns: 2fr 1fr;
 	gap: 15px;
+	-webkit-box-align: start;
+		-ms-flex-align: start;
 			align-items: flex-start;
 	padding: 5px 5%;
   }
@@ -83,14 +88,19 @@ body {
   }
   
   .container .video-list .vid {
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
 	gap: 15px;
 	background: white;
 	border-radius: 5px;
 	margin: 10px;
 	padding: 10px;
-	border: 1px solid rgba(0, 0, 0, .1);
+	border: 1px solid rgba(0, 0, 0, 0.1);
 	cursor: pointer;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+		-ms-flex-direction: column;
 			flex-direction: column;
   }
   
@@ -118,6 +128,7 @@ body {
   
   @media (max-width: 994px) {
 	.container {
+	  -ms-grid-columns: 1.5fr 1fr;
 		  grid-template-columns: 1.5fr 1fr;
 	  padding: 10px;
 	}
@@ -125,7 +136,12 @@ body {
   
   @media (max-width: 778px) {
 	.container {
+	  -ms-grid-columns: 1fr;
 		  grid-template-columns: 1fr;
 	  padding: 10px;
 	}
   }
+  /*# sourceMappingURL=style.css.map */
+  .vid img{
+	width: 100%;
+	}