diff --git a/site/src/components/Ads.astro b/site/src/components/Ads.astro index 2a53c0a615f5..bac3f0794045 100644 --- a/site/src/components/Ads.astro +++ b/site/src/components/Ads.astro @@ -1,9 +1,11 @@ --- --- - +
+ +
diff --git a/site/src/scss/_layout.scss b/site/src/scss/_layout.scss index d0482d9b7123..f5e03f22ca10 100644 --- a/site/src/scss/_layout.scss +++ b/site/src/scss/_layout.scss @@ -45,6 +45,10 @@ .bd-intro { grid-area: intro; + + .ad-container { + min-height: $bd-ad-container-height; + } } .bd-toc { diff --git a/site/src/scss/_masthead.scss b/site/src/scss/_masthead.scss index c6566d95d73d..44f34fc649d2 100644 --- a/site/src/scss/_masthead.scss +++ b/site/src/scss/_masthead.scss @@ -53,8 +53,12 @@ background-color: transparent; } - #carbonads { // stylelint-disable-line selector-max-id - margin-inline: auto; + .ad-container { + min-height: $bd-ad-container-height; + + #carbonads { // stylelint-disable-line selector-max-id + margin-inline: auto; + } } @include media-breakpoint-up(md) { diff --git a/site/src/scss/_variables.scss b/site/src/scss/_variables.scss index 5e8ab5d6c251..bfef74eda08f 100644 --- a/site/src/scss/_variables.scss +++ b/site/src/scss/_variables.scss @@ -6,6 +6,7 @@ $bd-accent: #ffe484; $bd-gutter-x: 3rem; $bd-callout-variants: info, warning, danger !default; +$bd-ad-container-height: 200px; :root, [data-bs-theme="light"] {