@media screen and (min-width: 901px),
print {
    .grid-container {
        display: grid;
        gap: 50px 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .item_box img {
        width: 250px;
    }
}

@media all and (max-width: 900px) {
    .grid-container {
        display: grid;
        gap: 30px 0px;
        grid-template-columns: 1fr 1fr;
    }

    .item_box img {
        width: 120px;

    }
}

.item_box {
    text-align: center;
    font-size: 14px;
}