Responsive design for index page

2024-09-12 15:00:20 +02:00
parent 4305da1d0c
commit 255536c681
6 changed files with 255 additions and 118 deletions
--- a/axum_server/templates/components/blog_post_preview.html
+++ b/axum_server/templates/components/blog_post_preview.html
@ -8,9 +8,9 @@
 		{% endmatch %}
 	</aside>
 	<header>
-		<h3 class="text-lg font-bold mb-1">{{post.metadata.title}}</h3>
+		<h3 class="text-lg font-bold mb-1 md:text-3xl">{{post.metadata.title}}</h3>
 	</header>
-	<section class="text-base leading-5 text-gray-800">{{post.body|description_filter|safe}}</section>
+	<section class="text-base leading-5 text-gray-800 md:text-xl">{{post.body|description_filter|safe}}</section>
 	<footer class="text-sm">
    <ul class="inline-block">
     {% for tag in post.metadata.tags %}