From 60cc3a050e93c364175d925acfb6be4aaf55e9ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Sun, 10 Aug 2025 14:05:01 +0200
Subject: feat(header): better responsiveness

---
 src/scss/style.scss | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/scss/style.scss b/src/scss/style.scss
index bdb052a..0ae776d 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -5,7 +5,7 @@ $text: hsl(0, 0%, 100%);
 
 $bp-large: 1200px;
 $bp-mid: 1000px; // video disabled
-$bp-small: 750px;
+$bp-small: 630px;
 $bp-tiny: 500px;
 
 body {
@@ -86,12 +86,33 @@ header {
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
+  @media only screen and (max-width: $bp-small) {
+    text-align: center;
+  }
 }
 
 .tags {
   display: flex;
-  gap: 1rem;
+  gap: 0.5rem 1rem;
   font-size: 1.75rem;
+  @media only screen and (max-width: $bp-mid) {
+    flex-wrap: wrap;
+    & *:nth-child(2) {
+      display: none;
+    }
+    & *:nth-child(4) {
+      display: none;
+    }
+    & *:nth-child(6) {
+      display: none;
+    }
+    & *:nth-child(8) {
+      display: none;
+    }
+  }
+  @media only screen and (max-width: $bp-small) {
+    display: none;
+  }
 }
 
 section {
-- 
cgit v1.2.3