style: fix layout when lesson content does not fit available space

jamesx00 · Dec 18, 2024 · b8f9e73 · b8f9e73
1 parent 7a556f8
commit b8f9e73
Show file tree

Hide file tree

Showing 3 changed files with 210 additions and 194 deletions.
diff --git a/_includes/layouts/lesson.njk b/_includes/layouts/lesson.njk
@@ -10,7 +10,7 @@ layout: layouts/base.njk
         <i class="far fa-bars text-xl"></i>
     </button>
     <div class="py-6 px-4 bg-gray-50 dark:bg-zinc-900 min-h-screen">
-        <div class="grid md:flex gap-4 justify-center">
+        <div class="grid md:flex gap-4 md:justify-center">
             <div class="md:flex-1 max-w-prose overflow-y-hidden">
                 <div class="mb-6 mx-auto bg-white dark:bg-zinc-950 p-4 {% if not code_editor %}max-w-prose{% endif %}">
                     <p class="text-gray-500 dark:text-slate-300 text-xs font-light mb-2">