From ed216fcfbd19d97f35292ceb9af77aab989446b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Fri, 3 Oct 2025 17:11:31 +0200
Subject: fix(frontend): pagination not centered and not responsive

---
 frontend/scss/home.scss | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'frontend')

diff --git a/frontend/scss/home.scss b/frontend/scss/home.scss
index bb64a95..29a0116 100644
--- a/frontend/scss/home.scss
+++ b/frontend/scss/home.scss
@@ -11,12 +11,35 @@ article article {
 
 .pagination {
   display: flex;
-  flex-direction: row;
-  justify-content: center;
   align-items: center;
-  gap: var(--margin-base);
+  justify-content: center;
 
-  & p {
-    margin-bottom: 0;
+
+  & > div {
+    display: inline-grid;
+    grid-template-columns: 2fr 1fr 2fr;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    gap: var(--margin-base);
+
+    @media only screen and (max-width: 350px) {
+      display: flex;
+      flex-direction: column-reverse;
+    }
+
+    & > *:nth-child(1) {
+      text-align: right;
+    }
+    & > *:nth-child(2) {
+      text-align: center;
+    }
+    & > *:nth-child(3) {
+      text-align: left;
+    }
+
+    & p {
+      margin-bottom: 0;
+    }
   }
 }
-- 
cgit v1.2.3