fix: increase sizing for lg screens

Author: adinhodovic

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "poetry.core.masonry.api"
 
 [tool.poetry]
 name = "wagtail-code-blog"
-version = "0.5.1"
+version = "0.5.2"
 license = "MIT"
 description = "A wagtail code blog"
 authors = ["Dani Hodovic <[email protected]>"]

wagtail_code_blog/templates/wagtail_code_blog/blog_page_body.html

@@ -1,6 +1,6 @@
 {% load wagtailmarkdown %}
 <div class="flex flex-row justify-center text-stone-800 mt-20">
-    <div class="flex flex-col justify-center items-center basis-10/12 lg:!basis-8/12">
+    <div class="flex flex-col justify-center items-center basis-10/12 lg:!basis-12/12">
         {% if page.image_url %}<img src="{{ page.image_url }}" alt="Image">{% endif %}
         <p class="text-xl lg:!text-4xl font-semibold mt-10">{{ page.title }}</p>
         <div class="flex justify-end mt-5 mb-5">
@@ -21,7 +21,7 @@
         </div>
         <div class="divider"></div>
         <div class="grid grid-cols-1">
-            <article class="prose mt-5">{{ page.body|markdown }}</article>
+            <article class="prose lg:prose-lg mt-5">{{ page.body|markdown }}</article>
         </div>
     </div>
 </div>