.video-area {
    background-color: rgb(240, 240, 240);
    border-width: 20px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}


.videoframe {
      width: 300px;
      display: inline-block;
      margin: 10px 10px;
    }
  
  
.thumbnail {
      width: 300px;
      height: 165px;
      align-items: center;
      object-fit: cover;
      margin-bottom: 8px;
    }


.videotitle {
      font-weight: 500;
      line-height: 20px;
      margin-bottom: 13px
      
    }

.videostats {
      font-size: 14px;
      color: gray;
      line-height: 18px;
    }

.channeliconarea {
      display: inline-block; 
      width: 50px;
      vertical-align: top;
    }

.channelicon {
      border-radius: 50%;
      width: 80%;
      height: 80%;
      object-fit: cover;
    }

.videoinfo {
      display: inline-block;
      width: 200px;
      margin-top: -10px;
    }