diff --git a/dist/app.css b/dist/app.css index e516aa5..9b01bda 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12335,6 +12335,7 @@ section.multiblock-callout .left-image { section.multiblock-callout .left-image { aspect-ratio: 1.5; margin-bottom: 2rem; + width: calc(100vw - 5rem); } } section.multiblock-callout .callouts-wrapper .callout { @@ -12343,6 +12344,11 @@ section.multiblock-callout .callouts-wrapper .callout { gap: 1rem; margin-bottom: 60px; } +@media (max-width: 767.98px) { + section.multiblock-callout .callouts-wrapper .callout { + padding-left: 0; + } +} section.multiblock-callout .callouts-wrapper .callout:last-of-type { margin: 0; } diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 8ee31b3..51b1139 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e", - "/app.css": "/app.css?id=530cef83bcfddcfc13dca087da8f7abe" + "/app.css": "/app.css?id=8ec429bf2f1aca4b35703861df9b974b" } diff --git a/src/scss/flex-multiblock-callout.scss b/src/scss/flex-multiblock-callout.scss index 843fdf6..5ce15dc 100644 --- a/src/scss/flex-multiblock-callout.scss +++ b/src/scss/flex-multiblock-callout.scss @@ -16,6 +16,7 @@ section.multiblock-callout { @include media-breakpoint-down(md) { aspect-ratio: 1.5; margin-bottom: 2rem; + width: calc(100vw - 5rem); } } @@ -26,6 +27,10 @@ section.multiblock-callout { gap: 1rem; margin-bottom: 60px; + @include media-breakpoint-down(md) { + padding-left: 0; + } + &:last-of-type { margin: 0; }