diff --git a/src/scss/2-resets/_typography.scss b/src/scss/2-resets/_typography.scss index 59049131e8..ae01482bc0 100644 --- a/src/scss/2-resets/_typography.scss +++ b/src/scss/2-resets/_typography.scss @@ -10,6 +10,7 @@ body { color: hsl(var(--p-body-text-color)) !important; background-color: hsl(var(--p-body-bg-color)); + overflow-x:hidden; } :where(body) :focus-visible { diff --git a/src/scss/7-components/_article.scss b/src/scss/7-components/_article.scss index 88822bb39a..3c8d112980 100644 --- a/src/scss/7-components/_article.scss +++ b/src/scss/7-components/_article.scss @@ -19,6 +19,7 @@ &-sub-body-400 { margin-block:pxToRem(16); } &-sub-body-500 { margin-block-end:pxToRem(4); } &-main-body-500 { margin-block-start:pxToRem(4); margin-block-end:pxToRem(4); } + &-description { margin-block-start:pxToRem(4); margin-block-end:pxToRem(4); } &-label { margin-block-end:pxToRem(16); } &-paragraph-md { margin-block-end:pxToRem(32); } &-code-snippet { margin-block-start:pxToRem(16); margin-block-end:pxToRem(32); } diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss index 95d3029923..0325f3957b 100644 --- a/src/scss/7-components/_side-nav.scss +++ b/src/scss/7-components/_side-nav.scss @@ -81,6 +81,7 @@ &-mobile-footer-buttons { display:none; } @media #{$break1} { + &-open { overflow:hidden; } &-wrapper { padding-inline:0; } &-mobile-footer-buttons { display:flex; flex-direction:column; gap:pxToRem(8); diff --git a/src/scss/9-grids/_grid-3-desktop-1-mobile.scss b/src/scss/9-grids/_grid-3-desktop-1-mobile.scss index 5c92bf1ea3..e4adff939c 100644 --- a/src/scss/9-grids/_grid-3-desktop-1-mobile.scss +++ b/src/scss/9-grids/_grid-3-desktop-1-mobile.scss @@ -3,4 +3,7 @@ display: grid; grid-template-columns: repeat(3, 1fr); gap: pxToRem(32); + @media #{$break1} { + grid-template-columns:1fr; + } } \ No newline at end of file