feat: responsive design grid (#1354)

* Responsive design grid * Addressed PR feedback * Bump Quartz version 4.3.1 => 4.4.0 * Moved page-header into center * Updated docs with new layouts * Sync updated version number with package-lock * Table of Content scrollbar auto * Reset node_modules * Updated layout images * Fixed tablet layout * Finilazed layout images
2024-09-23 22:40:12 +02:00
parent 9cefcd0dd1
commit 7d7e334976
17 changed files with 247 additions and 92 deletions
--- a/quartz/components/styles/listPage.scss
+++ b/quartz/components/styles/listPage.scss
@@ -13,7 +13,7 @@ li.section-li {
    display: grid;
    grid-template-columns: fit-content(8em) 3fr 1fr;

-    @media all and (max-width: $mobileBreakpoint) {
+    @media all and ($mobile) {
      & > .tags {
        display: none;
      }