Add mobile landscape screen breakpoint to Tailwind configuration for responsive design

2025-12-25 16:04:41 -06:00
parent c2de35082f
commit df9ed9465b
1 changed files with 3 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -16,6 +16,9 @@ export default {
 			fontFamily: {
 				sans: ['Nunito', 'Inter', 'Segoe UI', 'system-ui', '-apple-system', 'sans-serif'],
 			},
+			screens: {
+				'mobile-landscape': { raw: '(max-width: 767px) and (orientation: landscape)' },
+			},
 		},
 	},
 	plugins: [],