.layout--threecol-25-50-25{ display: grid; grid-template-columns: 20% minmax(0,1fr) 20%; column-gap: 3rem; row-gap: 1rem; position: relative; } .layout-content{ padding-bottom: 4rem; } .layout__region--bottom{ grid-column: 1 /span 3; } @include breakpoint(small down) { #leaflet-map-view-projets-block-2{ max-height: 400px !important; } .layout__region--second{ grid-column: 1 /span 3; padding: 0 5%; } .layout__region--third{ grid-column: 1 /span 3; // padding: 0 3%; } .layout__region--first{ .block-region-first{ position: relative !important; width: 100% !important; } grid-row: 1; grid-column: 1 / span 3; } }