docs(layout): improve layout when content is short (#30908)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/site/assets/scss/_layout.scss b/site/assets/scss/_layout.scss
index 116df720ee813e01e445f58f52d9dcd4d2add543..4d43276a094abdd831dca51e6d56215834d9f060 100644 (file)
--- a/site/assets/scss/_layout.scss
+++ b/site/assets/scss/_layout.scss
@@ -7,6 +7,7 @@
       "sidebar toc"
       "sidebar content";
     grid-template-columns: 1fr 3fr;
+    grid-template-rows: auto auto 1fr;
   }
 
   @include media-breakpoint-up(lg) {
@@ -14,6 +15,7 @@
       "sidebar intro toc"
       "sidebar content toc";
     grid-template-columns: 1fr 4fr 1fr;
+    grid-template-rows: auto 1fr;
   }
 }