Fix more responsiveness issues

2026-05-24 19:39:20 +02:00
parent 356d07365f
commit 5cae5dc658
6 changed files with 43 additions and 22 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,6 +18,25 @@ export default {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
+
+            screens: {
+            'sm': '640px',
+            // => @media (min-width: 640px) { ... }
+
+            'md': '768px',
+            // => @media (min-width: 768px) { ... }
+
+            'lg': '1024px',
+            // => @media (min-width: 1024px) { ... }
+
+            'xl': '1280px',
+            // => @media (min-width: 1280px) { ... }
+
+            '2xl': '1536px',
+            // => @media (min-width: 1536px) { ... }
+
+            '3xl': '1900px',
+        }
    },

    plugins: [forms, require("tw-elements/dist/plugin")],