.grid-container {
    display: grid;
    gap: 10px 20px;
}
.grid-clumns-1{
    grid-template-columns: repeat(1, 1fr);
}
.grid-clumns-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-clumns-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-item {
    /*justify-self: center;*/
    /*align-self: center;*/
    /*place-self: center;*/
    width: 100%;
}
.ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ellipsis-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.ellipsis-7{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}