@charset "UTF-8";

div.ItemsListImg{
    border: 1px solid black;
    width:640px;
    height:auto;
    min-width:640px;
    display:grid;
    row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(6,1fr);
    margin:20px auto;
    padding:20px;
    /*
    place-content:center;
    place-items: center;
    */
    justify-content: space-around;
    align-content: space-around;
}

tr{
    width:atuo;
    height:200px;
    display:bolck;

}

td, th{
    text-align: center;
    vertical-align:middle;
}
table thead tr{
    width: auto;
    height: 100px;
}
table thead tr th{
    text-align: center;
    vertical-align: middle;
    width: auto;
    height:50px;
    margin:10px 20px;
    background-color: aqua;
}

img{
    vertical-align: top;
}



tr.table_header{
    width:auto;
    height: 30px;
}
@media screen  and (min-width:700px){
    .grid_img{
        width:90px;
        height:90px;
        vertical-align: top;
    }

    div.ItemsListImg{
        border: 1px solid black;
        width:640px;
        height:auto;
        min-width:640px;
        display:grid;
        row-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(6,1fr);
        margin:20px auto;
        padding:20px;
        /*
        place-content:center;
        place-items: center;
        */
        justify-content: space-around;
        align-content: space-around;
    }
}

@media screen and (min-width:640px){
    .grid_img{
        width:60px;
        height:60px;
        vertical-align:top;
    }

    div.ItemsListImg{
        border: 1px solid black;
        width:640px;
        height:auto;
        min-width:640px;
        display:grid;
        row-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(6,1fr);
        margin:20px auto;
        padding:20px;
        /*
        place-content:center;
        place-items: center;
        */
        justify-content: space-around;
        align-content: space-around;
    }
}

@media screen and (min_width:450px){
    .grid_img{
        width:60px;
        height:60px;
        vertical-align:top;
    }
    div.ItemsListImg{
        border: 1px solid black;
        width:640px;
        height:auto;
        min-width:640px;
        display:grid;
        row-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(6,1fr);
        margin:20px auto;
        padding:20px;
        /*
        place-content:center;
        place-items: center;
        */
        justify-content: space-around;
        align-content: space-around;
    }
}