/*this css use in alphabet game where we drag and drop alphabet to set in order*/

.grid {
    max-width: 100%;
}

.grid__item {
    font-size: 1.6em;
    height: 4.4em;
}

    .grid__item img {
        width: 80%;
        max-width: 100%;
    }

    .grid__item:hover {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

    .grid__item:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

@media screen and (max-width: 85em) {
    .grid__item {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 69em) {
    .grid__item {
        font-size: 1em;
    }
}

@media screen and (max-width: 47em) {
    .grid__item {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 32em) {
    .grid__item {
        font-size: 0.7em;
    }
}