.thumbnail {
    width:100%;
 }

 .video-title {
    margin-top:0;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    margin-bottom:10px;
 }
 
 .video-info-grid {
    display: grid;
    grid-template-columns: 50px 1fr;
 }
 
 .profile-picture {
    width: 36px;
    border-radius:50px;
 }
 
 .thumbnail-row {
    margin-bottom:8px;
    color: rgb(96, 96, 96);
    position:relative;
 }
 
 .video-author,
 .video-stats {
    font-size:12px;
    color: rgb(96, 96, 96);
 }
 
 .video-author {
    margin-bottom:4px;
 }
 
 .video-grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    column-gap:16px;
    row-gap:40px;
 
 }

.video-time {
   font-family:Roboto, Arial;
   font-size:12px;
   font-weight:500;
   padding:4px 2px 4px 2px;
   border-radius:2px;
   background-color:#000000;
   color:#ffffff;
   position:absolute;
   bottom:8px;
   right:5px;
}

/* MEDIA QURIES */

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

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

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