Merge pull request #1142 from KumarNirupam1/fix/1140-docs-layout-zoom-overlap

[UI] fix(docs): prevent sidebar overlap when browser zoom is increased

Author: rishiraj38

assets/scss/_resizable-bootstrap-overrides.scss

@@ -17,6 +17,7 @@
    absorb the remaining space instead of holding col-xl-8's 66.66% max-width. */
 .row > main {
   flex: 1 1 0;
+  min-width: 0;
   max-width: none;
   width: auto;
 }
@@ -49,7 +50,7 @@
   // all remain from the base rule and still apply.
 }
 
-@media screen and (max-width: 768px) {
+@include media-breakpoint-down(lg) {
   /* Break the nowrap row so children can stack on their own lines. */
   .row.flex-xl-nowrap {
     flex-wrap: wrap;