From 303b6f3011bba1adab01f12a1d91ff33da54c6d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20LUDWIG?= <contact@theoludwig.fr>
Date: Sun, 28 Jan 2024 15:45:45 +0100
Subject: [PATCH] fix: correct responsive for Header Title

---
 components/Header/index.tsx | 6 +++---
 tailwind.config.js          | 3 ---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index d3340fb..cb1bab9 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -15,7 +15,7 @@ export const Header = (): JSX.Element => {
   return (
     <header className="sticky top-0 z-50 flex w-full justify-between border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black">
       <Link href="/">
-        <div className="flex items-center justify-center">
+        <h1 className="flex items-center justify-center">
           <Image
             quality={100}
             className="size-16"
@@ -23,10 +23,10 @@ export const Header = (): JSX.Element => {
             alt="Théo LUDWIG"
             priority
           />
-          <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block sm:text-xl">
+          <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark sm:block sm:text-xl">
             Théo LUDWIG
           </strong>
-        </div>
+        </h1>
       </Link>
       <div className="flex justify-between">
         <div className="flex flex-col items-center justify-center px-6">
diff --git a/tailwind.config.js b/tailwind.config.js
index e9a8cee..70a1d6b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,9 +8,6 @@ const tailwindConfig = {
   darkMode: "class",
   theme: {
     extend: {
-      screens: {
-        xs: "380px",
-      },
       colors: {
         black: "#181818",
         gray: {