Refactor media query for Tech and Works components to support larger …

…screen sizes
Udoy2 · Sep 12, 2024 · 2a64123 · 2a64123
1 parent 67668a4
commit 2a64123
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Tech.jsx b/src/components/Tech.jsx
@@ -8,7 +8,7 @@ const Tech = () => {
   const [isMobile, setisMobile] = useState(false);
 
   useEffect(() => {
-    const mediaQuery = window.matchMedia('(max-width: 751px)');
+    const mediaQuery = window.matchMedia('(max-width: 500px)');
     setisMobile(mediaQuery.matches);
 
     const handleMediaQueryChange = (event) => {

diff --git a/src/components/Works.jsx b/src/components/Works.jsx
@@ -125,7 +125,7 @@ const Works = () => {
   const [isMobile, setisMobile] = useState(false);
 
   useEffect(() => {
-    const mediaQuery = window.matchMedia('(max-width: 500px)');
+    const mediaQuery = window.matchMedia('(max-width: 751px)');
     setisMobile(mediaQuery.matches);
 
     const handleMediaQueryChange = (event) => {