.add-category-grid {
    display: grid;
    grid-template-columns: auto auto;
}

    .add-category-grid > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }



/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .add-category-grid {
        grid-template-columns: auto;
    }

        .add-category-grid > div {
            padding: 10px;
        }
}
        
/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .add-category-grid {
        grid-template-columns: auto;
    }

    .add-category-grid > div {
        padding:10px;
    }
}