shifted IBM Logo left

Author: bokulbackiibm

landing_page.qmd

@@ -12,7 +12,7 @@ Subtitle
 :::: {.columns}
 
 ::: {.column width="40%"}
- <button onclick="window.location.href='problem_statement.qmd';" class = "btn btn-our-doc">Our Documentation</button>
+ <button onclick="window.location.href='problem_statement.qmd';" class = "btn btn-our-doc">Our Documentation </button>
 :::
 
 ::: {.column width="60%"}

src/custom.scss

@@ -24,6 +24,7 @@
 /* Navbar Logo Size */
 .navbar-logo {
     max-height: 75px; /* Restrict the height of the logo */
+    margin-left: -20px;
 }
 
 /* Navbar Margin Sizing Target */
@@ -221,7 +222,7 @@ nav .nav-link i, nav .dropdown-item i {
 /* Media Query for Grid Layout on Larger Screens */
 @media (min-width: 992px) {
     #quarto-content.page-columns {
-        grid-template-columns: 2.5em [screen-start] 1.5em [screen-start-inset page-start] minmax(50px, 100px) [page-start-inset] 50px [body-start-outset] 150px [body-start] minmax(1.5em, var(--margin-max-width)) [body-content-start] minmax(500px, calc(1000px - 3em)) [body-content-end] minmax(1.5em, var(--margin-max-width)) [body-end] 50px [body-end-outset] minmax(50px, 100px) [page-end-inset] 50px [page-end] 5fr [screen-end-inset] 1.5em [screen-end];
+        grid-template-columns: 1.5em [screen-start] 1.5em [screen-start-inset page-start] minmax(50px, 100px) [page-start-inset] 50px [body-start-outset] 150px [body-start] minmax(1.5em, var(--margin-max-width)) [body-content-start] minmax(500px, calc(1000px - 3em)) [body-content-end] minmax(1.5em, var(--margin-max-width)) [body-end] 50px [body-end-outset] minmax(50px, 100px) [page-end-inset] 50px [page-end] 5fr [screen-end-inset] 1.5em [screen-end];
     }
 }