feat: portfolio styles

home/templates/home/home_page.html

@@ -58,7 +58,7 @@
                                         {{ post.title }}
                                     </a>
                                 </h3>
-                                <p class="mt-5 leading-6">{{ post.intro }}</p>
+                                <p class="mt-5 leading-6 min-h-0 lg:min-h-32">{{ post.intro }}</p>
                             </div>
                             {% if post.main_image %}
                                 <div class="relative mx-auto">

portfolio/templates/portfolio/portfolio_page.html

@@ -4,8 +4,14 @@
 
 {% block body_class %}template-portfolio{% endblock %}
 
-{% block content %}
-    <h1>{{ page.title }}</h1>
 
-    {{ page.body }}
+{% block content %}
+    <section class="flex flex-col items-center justify-center h-full px-0 md:px-4 lg:px-8">
+        <article class="mb-16 px-1 md:px-4 lg:px-8">
+            <h1>{{ page.title }}</h1>
+            <div class="blog-content w-full">
+                {{ page.body }}
+            </div>
+        </article>
+    </section>
 {% endblock %}

theme/static_src/src/styles.css

@@ -45,7 +45,7 @@
     }
 
     h3 {
-        @apply mt-12 mb-2 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black dark:text-white;
+        @apply mt-10 mb-3 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black dark:text-white;
     }
 
     h4 {
@@ -56,6 +56,10 @@
         @apply my-2 mb-3 text-lg leading-relaxed;
     }
 
+    li {
+        @apply my-2 text-lg;
+    }
+
     .blog-content ul, .home-content ul {
         @apply list-none list-inside;
     }