diff --git a/src/components/Feed/Group.scss b/src/components/Feed/Group.scss index 196b0584..b875ec05 100644 --- a/src/components/Feed/Group.scss +++ b/src/components/Feed/Group.scss @@ -36,7 +36,11 @@ .floor--group { background: #e8e5f0; - padding: 4rem 0 3rem; + padding: 4rem 0 0; + + @include media-breakpoint-up(md) { + padding-bottom: 3rem; + } @include media-breakpoint-down(sm) { .col-lg-12 { diff --git a/src/components/Feed/Row3.tsx b/src/components/Feed/Row3.tsx index e4896b92..52045fa0 100644 --- a/src/components/Feed/Row3.tsx +++ b/src/components/Feed/Row3.tsx @@ -17,7 +17,9 @@ export const Row3 = (props: {
-
{props.header}
+ +
{props.header}
+
{(a) => (
diff --git a/src/styles/app.scss b/src/styles/app.scss index 12b1f0eb..376ab52d 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -719,6 +719,10 @@ figure { } } +.floor-header { + margin-bottom: 0 !important; +} + .floor { @include media-breakpoint-up(md) { margin-bottom: 6.4rem; @@ -810,6 +814,12 @@ figure { } .row { + @include media-breakpoint-down(md) { + > * { + margin-bottom: 2.4rem; + } + } + @include media-breakpoint-down(sm) { margin-left: divide(-$container-padding-x, 2); margin-right: divide(-$container-padding-x, 2);