.thumbnail{
    width: 100%;
    margin-bottom: 8px;
    
     }
    
  .video-author, video-stats {
    display: block;

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

}
.video-time{
font-size: 12px;
font-weight: 500px;
padding: 4px;
border-radius: 2px;
background-color: black;
color: white;
position: absolute;
bottom: 13px;
right: 8px;

}

.video-title{
  margin-top:0;
  font: size 14px;
  font-weight:600;
  line-height: 20px;;
  margin-bottom:10px;
}
  .proflie-pic{
    width: 36px;
    border-radius: 50px;
  }

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

  }


  .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;
  }
  @media(max-width:750px){
    .video-grid{grid-template-columns:  1fr 1fr;}
  }
  @media(max-width:752px) and (min-width: 999px){
    .video-grid{grid-template-columns:  1fr 1fr;} 
  }
  @media(min-width:1000px){
    .video-grid{grid-template-columns:  1fr 1fr 1fr 1fr;}
  }