.grid{
    display: grid;
    gap: 0 1.5rem;
}

.grid p:nth-child(2n){
    padding-bottom: 2rem;
}

.grid-1{
    grid-area: one;
}
.grid-2{
    grid-area: two;
}
.grid-3{
    grid-area: three;
}
.grid-4{
    grid-area: four;
}
.grid-5{
    grid-area: five;
}
.grid-6{
    grid-area: six;
}
.grid-7{
    grid-area: seven;
}
.grid-8{
    grid-area: eight;
}
.grid-9{
    grid-area: nine;
}
.grid-10{
    grid-area: ten;
}

.grid{
    grid-template-areas: 
        'one'
        'two'
        'three'
        'four'
        'five'
        'six'
        'seven'
        'eight'
        'nine'
        'ten'
}

@media (min-width: 600px){
    .grid{
        grid-template-columns: auto 1fr;
        grid-template-areas: 
            'one two'
            'three four'
            'five six'
            'seven eight'
            'nine ten'
    }
}