diff --git a/src/patterns/04-components/card/card--node/_card--node.scss b/src/patterns/04-components/card/card--node/_card--node.scss index 0bf36e8b8789f2b852ee6df290adea0d2dec2b4e..baf2f70ea3a6e4bd6844adb173f317518a874e3b 100644 --- a/src/patterns/04-components/card/card--node/_card--node.scss +++ b/src/patterns/04-components/card/card--node/_card--node.scss @@ -90,8 +90,11 @@ // CSS for specific node card presentations: &--contact { @include uw-contained-width(); - display: grid; - grid-template-columns: 100%; + display: block; + @media(min-width: $screen-md) { + display: grid; + grid-template-columns: 100%; + } .card__media{ @include uw-full-width-margin; grid-column: 1 / 3; @@ -161,11 +164,12 @@ .uw-node__without-media & { @media(min-width: $screen-md) { grid-template-columns: 100%; + padding: var(--size-2) 0; } .card__body, .card__footer { - grid-column: 1 / 2; + grid-column: 1 / 3; } } .uw-node__without-media.uw-node__with-portrait &{ @@ -184,6 +188,10 @@ grid-column: 2 / 3; } } + .card__body, + .card__footer { + grid-column: 1 / 3; + } } } .uw-node__with-media.uw-node__with-portrait &{