[Beta] Fix scroll margin

2 years ago · 2fc297f3e1
1 changed files with 8 additions and 1 deletions
--- a/beta/src/styles/index.css
+++ b/beta/src/styles/index.css
@ -214,10 +214,17 @@ html.dark .code-step * {
 }

 .mdx-heading {
-  scroll-margin-top: 2.5em;
+  scroll-margin-top: 3em;
  /* Space for the anchor */
  padding-right: 1em;
 }
+
+@media (min-width: 1024px) {
+  .mdx-heading {
+    scroll-margin-top: 1em;
+  }
+}
+
 .mdx-heading:before {
  height: 6rem;
  margin-top: -6rem;