.badge-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
    place-items: center;
    gap: 4px;
}

@media screen and (max-width: 456px) {
    .badge-grid {
        margin-left: -10px;
        margin-right: -10px;
    }
}