.custom-channel-profile{
    width:100%;
    padding-bottom:10px;
}
.custom-channel-profile img{
    width:130px;
    height:130px;
    border-radius:50%;
}
.custom-channel-description{
    width:100%;
   
}
.channel-card {
    width: calc(20% - 16px); 
    margin-bottom: 0px;
    box-sizing: border-box;
}
.channel-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.custom-channel-description p {
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
@media screen and (min-width: 1501px){
    .channel-card {
        width: calc(16.66% - 16px);  
    }
}

@media screen and (min-width: 900px) and (max-width: 1500px) {
    .channel-card {
        width: calc(20% - 16px);  
    }
}

@media screen and (min-width: 821px) and (max-width: 899px) {
    .channel-card {
        width: calc(25% - 16px);   
    }
}

@media screen and (min-width: 626px) and (max-width: 820px) {
    .channel-card {
        width: calc(33.33% - 16px);  
    }
}

@media screen and (min-width: 330px) and (max-width: 625px){
    .channel-card {
        width: calc(50% - 16px);  
    }
}

@media screen and (max-width: 329px) {
    .channel-card {
        width: calc(100%); 
    }
}