Merge pull request #50 from scylladb/fix-responsive-2

fix: design edits & responsive view

Author: annastuchlik

docs/_static/css/custom.css

@@ -4,11 +4,14 @@
     margin-bottom: 0;
 }
 
+.landing__content {
+    margin-top: 60px;
+}
+
 .landing__content .alert a {
     color: #fff;
 }
 
-
 .side-nav__title,
 .landing__content .alert{
     display: none;
@@ -37,8 +40,17 @@
         display: block;
     }
 
+    .landing__content {
+        margin-top: 0;
+    }
+
     .landing__content .alert {
         display: flex;
     }
-   
+}
+
+@media screen and (min-width: 1200px) {
+    .landing__content .alert {
+        margin-top: 20px;
+    }
 }

docs/index.rst

@@ -18,11 +18,11 @@
 
 .. raw:: html
 
-  <div class="landing__content landing__content">
+  <div class="landing__content">
 
 .. raw:: html
 
-  <div class="topics-grid topics-grid--scrollable grid-container full">
+  <div class="topics-grid grid-container full">
 
 .. alert::
   :link: https://www.scylladb.com/2024/12/18/why-were-moving-to-a-source-available-license/