.grid{
    display: grid;
    grid-gap: 5px;
}
.grid.grid1{
    grid-template-columns: 1fr;
}
.grid.grid2{
    grid-template-columns: repeat(2, 1fr);
}
.grid.grid3{
    grid-template-columns: repeat(3, 1fr);
}
.grid.grid4{
    grid-template-columns: repeat(4, 1fr);
}
.grid.grid5{
    grid-template-columns: repeat(5, 1fr);
}
.grid.grid6{
    grid-template-columns: repeat(6, 1fr);
}

.grid.grid7{
    grid-template-columns: repeat(7, 1fr);
}
.grid.grid8{
    grid-template-columns: repeat(8, 1fr);
}

.grid.grid9{
    grid-template-columns: repeat(9, 1fr);
}
.grid.grid10{
    grid-template-columns: repeat(10, 1fr);
}


.grid.grid1-2{
    grid-template-columns: 1fr 2fr;
}
.grid.grid1-3{
    grid-template-columns: 1fr 3fr;
}
.grid.grid1-4{
    grid-template-columns: 1fr 4fr;
}
.grid.grid1-5{
    grid-template-columns: 1fr 5fr;
}

.grid.grid1-6{
    grid-template-columns: 1fr 6fr;
}

.grid.grid2-1{
    grid-template-columns: 2fr 1fr;
}
.grid.grid3-1{
    grid-template-columns: 3fr 1fr;
}
.grid.grid4-1{
    grid-template-columns: 4fr 1fr;
}
.grid.grid5-1{
    grid-template-columns: 5fr 1fr;
}
.grid.grid6-1{
    grid-template-columns: 6fr 1fr;
}