Fix the sizing of the elements inside the side navbar

Signed-off-by: Mattia Rizzolo <mattia@debian.org>

_layouts/default.html

@@ -5,10 +5,10 @@
     {% include navbar.html %}
 
     <div class="row h-100">
-      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0">
+      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0 position-fixed">
         {% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
       </div>
-      <div class="col-md-10 col-xs-12 col-sm-9 p-0">
+      <div class="col-md-10 col-xs-12 col-sm-9 p-0 dyn-left">
         <main role="main" class="content-scroll p-5" data-spy="scroll" data-target="#components-nav" data-offset="0">
           {{ content }}
 

assets/styles/custom.scss

+@media (min-width: 576px) {
+  .dyn-left {
+      left: 25%;
+  }
+}
+@media (min-width:768px) {
+  .dyn-left {
+      left: 16.666667%;
+  }
+}
+
+
+
 main {
   a {
     // Use a foreground:background contrast ratio of 7.04:1