fix: Fix overflow in long blog posts

This commit is contained in:
PapaTutuWawa 2023-07-24 14:39:52 +02:00
parent 10408989ea
commit 6b18af00a2
2 changed files with 6 additions and 6 deletions

View File

@ -9,10 +9,10 @@
{% seo %} {% seo %}
</head> </head>
<body class="min-h-screen h-full flex flex-col"> <body>
{% include header.html %} <div class="flex flex-col">
{% include header.html %}
<div class="flex-grow">
{{ content }} {{ content }}
</div> </div>

View File

@ -2,13 +2,13 @@
layout: default layout: default
--- ---
<div class="w-full flex flex-row justify-center mt-2"> <div class="w-full md:max-w-prose mt-2 mx-auto">
<div class="w-full lg:w-3/4 px-8 flex flex-col items-start"> <div class="px-8">
<h1 class="text-3xl">{{ page.title }}</h1> <h1 class="text-3xl">{{ page.title }}</h1>
<span>Posted by <span class="italic">{{ page.author }}</span> on {{ page.date | date: "%d.%m.%Y" }}</span> <span>Posted by <span class="italic">{{ page.author }}</span> on {{ page.date | date: "%d.%m.%Y" }}</span>
<article class="mt-5 prose lg:prose-xl max-w-none"> <article class="mt-5 prose lg:prose-lg">
{{ page.content }} {{ page.content }}
</article> </article>
</div> </div>