diff --git a/src/components/link-box/link-box.scss b/src/components/link-box/link-box.scss index 3dc3871f44ff91cadd60946107f54c582dcc1fe9..b6a36f3a7fbd71a958b124bf53a533f4838dc446 100644 --- a/src/components/link-box/link-box.scss +++ b/src/components/link-box/link-box.scss @@ -22,8 +22,8 @@ display: flex; @include breakpoint($narrow) { flex-grow: 1; - max-width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 4 + #{var(--gutter-narrow)} * 3); - width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 4 + #{var(--gutter-narrow)} * 3); + max-width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 6 + #{var(--gutter-narrow)} * 5); + width: calc(((100% - #{var(--gutter-narrow)} * 11) / 12) * 6 + #{var(--gutter-narrow)} * 5); } @include breakpoint($wide) { max-width: calc(((100% - #{var(--gutter-wide)} * 11) / 12) * 4 + #{var(--gutter-wide)} * 3); @@ -52,13 +52,16 @@ } } -:host(.big:nth-of-type(3n + 0)) { - display: flex; - margin-right: 0; +:host(.content.big:nth-of-type(3n + 0)) { + @include breakpoint($wide) { + display: flex; + margin-right: 0; + } } -:host(.small:nth-of-type(2n + 0)) { +:host(:nth-of-type(2n + 0)) { display: flex; + margin-right: 0; @include breakpoint($narrow) { margin-right: 0; }