video.css

			.thumbnail{
				width:100%;
				
			}

			.search-bar{
				display: block;
				font-size: 15px;
				margin-bottom: 20px;
			}

			.video-title{
				font-size: 14px;
				font-weight:500;
				vertical-align:top;
				margin-bottom: 12px;
				line-height: 15px;
				margin-top:0;
				margin-bottom: 10px;
				
			}

     .video-author{
			font-size: 12px;
			color: rgb(96,96,96);
			margin-bottom:4px;

		 }		
		 .video-stats{
			display: inline block;
			width: 300px;
		  font-size: 12px;
			color: rgb(96,96,96);


		 }
		

		 .video-info-grid{
			display: grid;
			grid-template-columns: 50px 1fr;
			
		 }

		 .profile-pic{
			width:36px;
			border-radius: 50px;
		 }

		 .thumbnail-row{
			margin-bottom:8px;
			position: relative;
		 }

		 .video-grid{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			column-gap: 16px;
			row-gap: 40px;
			
		 }

		 @media(max-width:750px){
			.video-grid{
			grid-template-columns: 1fr 1fr; 
		  } 
		}  

		@media(min-width:751px) and (max-width:999px){
			.video-grid{
			grid-template-columns: 1fr 1fr 1fr; 
		  } 
		}

	  	@media(min-width:1000px){
			.video-grid{
			grid-template-columns: 1fr 1fr 1fr 1fr; 
		  } 
		}

		
		 .video-time{
			font-family: roboto,Arial;
			font-size: 12px;
			font-weight: 500;
			padding: 4px;
			border-radius: 2px;
			background-color: black;
			color: white;
			position: absolute;
			bottom: 8px;
			right: 5px;

		 }