some polishing

Author: aryan

layouts/exercises/list.html

@@ -7,25 +7,19 @@
 <div class="hx-mx-auto hx-flex {{ partial `utils/page-width` . }}">
   {{ partial "sidebar.html" (dict "context" . "disableSidebar" true
   "displayPlaceholder" true) }}
+  {{/*  {{ partial "toc.html" (dict "Params" (dict "toc" false)) }}  */}}
   <article
     class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]"
   >
     <main class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-pt-4 md:hx-px-6">
-      {{/* {{partial "tag-bar.html" . }} */}}
       <br class="hx-mt-1.5 hx-text-sm" />
       {{/* {{ if .Title }}
       <h1
         class="hx-text-center hx-mt-2 hx-text-4xl hx-font-bold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100"
       >
         {{ .Title }}
       </h1>
-      {{ end }} */}} {{/*
-      <div class="content">{{ .Content }}</div>
-      */}} {{/*
-      <h1 class="hx-text-center">Blog with featured tag</h1>
-      */}}
-     
-      {{/*  {{ partial "exercise-cards.html" . }}  */}}
+      {{ end }} */}} 
 
       {{ partial "questions-list.html" . }}
 

layouts/partials/chapters/chapter-card.html

@@ -1,14 +1,14 @@
 
 
 {{ if .page.Title }}
-    <a href="{{ .RelPermalink }}">
+    <a href="{{ .page.RelPermalink }}">
       <li class="chapter-item">
         {{- $img := (.Resources.ByType "image").GetMatch "*feature*" -}} {{- if
         $img -}}
         <img
           class="chapter-image"
           src="{{ $img.RelPermalink }}"
-          alt="{{ .Title }}"
+          alt="{{ .page.Title }}"
           loading="lazy"
           width="100"
           height="100"
@@ -18,7 +18,7 @@
         <img
           class="chapter-image"
           src="{{ .page.Params.image }}"
-          alt="{{ .Title }}"
+          alt="{{ .page.Title }}"
           loading="lazy"
           width="100"
           height="100"
@@ -28,7 +28,7 @@
         <img
           class="chapter-image"
           src="{{ .page.Params.icon }}"
-          alt="{{ .Title }}"
+          alt="{{ .page.Title }}"
           loading="lazy"
           width="100"
           height="100"

layouts/partials/home/spotlight-section.html

@@ -117,16 +117,12 @@ <h2>
   /* Responsive adjustments for smaller screens */
   @media (max-width: 992px) {
     .spotlight-content {
-      flex-direction: column; /* Stack content vertically on smaller screens */
-      text-align: center;
       gap: 40px;
     }
 
     .spotlight-images {
-      grid-template-columns: repeat(
-        auto-fit,
-        minmax(180px, 1fr)
-      ); /* Adjust image card grid */
+      grid-template-columns: repeat(2, 1fr); /* 2 columns */
+
       justify-content: center; /* Center grid items */
     }
 
@@ -150,6 +146,10 @@ <h2>
   }
 
   @media (max-width: 600px) {
+    .spotlight-content {
+      flex-direction: column;
+    }
+
     .spotlight-images {
       grid-template-columns: 1fr; /* Single column on very small screens */
     }

layouts/partials/qna-card.html

@@ -1,7 +1,3 @@
-<link
-  href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"
-  rel="stylesheet"
-/>
 
 <div class="card-container mona-sans hextra-scrollbar">
   <a href="{{.RelPermalink}}">

layouts/partials/questions-list.html

@@ -1,28 +1,30 @@
-<div class="blogs-wrapper">
+<div class="question-list-wrapper">
   {{- $pages := partial "utils/sort-pages" (dict "page" . "by"
   site.Params.blog.list.sortBy "weight" site.Params.blog.list.sortOrder) -}} {{-
-  range $pages }} 
-  {{/*  {{ partial "question-cards.html" . }}   */}}
-  {{ partial "qna-card.html" . }}
-  {{ with .Pages }}
-    {{ range . }}
-      {{ partial "qna-card.html" . }}
-    {{ end }}
-  {{ end }}
-  {{ end -}}
+  range $pages }} {{/* {{ partial "question-cards.html" . }} */}} {{ partial
+  "qna-card.html" . }}
+   {{ with .Pages }} 
+   {{ range . }} 
+   {{ partial "qna-card.html" . }} 
+   {{ end }} 
+   {{ end }} 
+   {{ end -}}
 </div>
 
 <style>
-  .blogs-wrapper {
+  .question-list-wrapper {
+    margin-top: 0px;
+    margin-bottom: 40px;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     padding: 0 18px;
+    justify-content: center;
   }
   @media (max-width: 768px) {
-    .blogs-wrapper {
+    .question-list-wrapper {
       justify-content: center;
       gap: 20px;
     }
-  }                       
+  }
 </style>