﻿section {
    display: grid;
    grid-template-rows: 2fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-row-gap:10px;
    
}

#table1{
    margin-top:10px;
}
#spn1 {
    grid-area: 1/1/span 1/span 1;
}

#number {
    grid-area: 1/2/span 1/span 1;
}

#spn2 {
    grid-area: 1/3/span 1/span 1;
}

#text1 {
    grid-area: 1/4/span 1/span 1;
}

#spn3 {
    grid-area: 1/5/span 1/span 1;
}

#text2 {
    grid-area: 1/6/span 1/span 1;
}

#btn1 {
    grid-area: 2/1/span 1/span 2;
}

#btn2 {
    grid-area: 2/3/span 1/span 2;
}

#btn3 {
    grid-area: 2/5/span 1/span 2;
}
@media print {
    #spn1, #number, #btn1, #btn2, #btn3 {
        display: none !important;
    }
    #text1, #text2 {
        border: none !important;
    }
    #spn2 {
        grid-area: 1 / 1 /span 1 /span 1 !important;
    }

    #spn3 {
        grid-area: 1 / 3 /span 1 /span 1 !important;
    }

    #text1 {
        grid-area: 1 / 2 /span 1 /span 1 !important;
    }

    #text2 {
        grid-area: 1 / 4 /span 1 /span 1 !important;
    }
    #table1 {
        width: 60% !important;
    }

    #table2 {
        width: 60% !important;
    }

    #table3 {
        width: 60% !important;
    }
}