html,
body {
    overflow-x: hidden;
}

.wrap {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto 56px;
}

.hero,
.community-discovery-grid,
.community-search,
.grid {
    width: 100%;
}

@media (max-width: 768px) {
    .wrap {
        width: calc(100% - 24px);
        margin-bottom: 32px;
    }
}