responsive design pass

This commit is contained in:
Drew
2025-04-22 13:47:21 -06:00
parent fbc26ed89c
commit 6be0bd3d7b
6 changed files with 36 additions and 38 deletions

View File

@ -1,10 +1,10 @@
{{ define "main" }}
<main class="flex gap-4 lg:gap-16 justify-around mt-8 max-w-screen-xl mx-auto px-4 lg:px-0">
<main class="flex flex-col md:flex-row gap-4 md:gap-8 lg:gap-16 justify-around mt-8 max-w-screen-xl mx-auto">
<ul class="flex flex-col gap-4 w-full">
{{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "articles")) }}
</ul>
<aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">
<aside class="max-w-prose md:w-1/4 flex flex-col gap-8 mb-8">
<section>
<h2 class="text-2xl font-bold mb-2">About</h2>