ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhance blog to work well at small screen

Browse Source
This commit is contained in:
Ehab Hassan
2024-03-13 11:51:53 +02:00
parent 02c40e26e6
commit 398e8bf92d
3 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/partials/blogPosts.html
View File

@@ -1,8 +1,8 @@
{% block content %}
<div class="text-center main-title px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
<h1
class="tracking-tight text-left text-2xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
<div class="text-center main-title px-0 md:w-2/3 mx-8 md:mx-12">
<h2
class="tracking-tight text-left text-2xl md:text-4xl fw-500 leading-snug font-medium"
>
{% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %}
@@ -11,9 +11,9 @@
{% if taxonomy == "categories" %} -
{{category | replace(from='-', to=' ' ) | title}}
{% endif %}
</h1>
</h2>
<div>
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
<div class="mt-3 grid gap-5 max-w-lg mx-auto md:grid-cols-2 lg:grid-cols-3 lg:max-w-none">
{%- for post in paginator.pages %}
{% if not post.extra.hidden %}
{% include "partials/postCard.html" %}