.grid {
    /*border: 1px dashed #e7e3e3;*/
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    /*grid-template-rows: repeat(24, 1fr);*/
    grid-gap: 0.2rem;
}

    .grid div.grid-1 {
        grid-column-end: span 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-2 {
        grid-column-end: span 2;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-3 {
        grid-column-end: span 3;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-4 {
        grid-column-end: span 4;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-5 {
        grid-column-end: span 5;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-6 {
        grid-column-end: span 6;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-7 {
        grid-column-end: span 7;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-8 {
        grid-column-end: span 8;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-9 {
        grid-column-end: span 9;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-10 {
        grid-column-end: span 10;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-11 {
        grid-column-end: span 11;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-12 {
        grid-column-end: span 12;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-13 {
        grid-column-end: span 13;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-14 {
        grid-column-end: span 14;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-15 {
        grid-column-end: span 15;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-16 {
        grid-column-end: span 16;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-17 {
        grid-column-end: span 17;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-18 {
        grid-column-end: span 18;
        display: flex;
        justify-content: flex-start;
        align-items: start;
    }
    .grid div.grid-19 {
        grid-column-end: span 19;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-20 {
        grid-column-end: span 20;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-21 {
        grid-column-end: span 21;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-22 {
        grid-column-end: span 22;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-23 {
        grid-column-end: span 23;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .grid div.grid-24 {
        grid-column-end: span 24;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }