fix: Change default media config to use proper media queries for pict…

…ures
SAP · Oct 24, 2024 · c52bd18 · c52bd18
1 parent b14d700
commit c52bd18
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/projects/storefrontlib/recipes/config/default-media.config.ts b/projects/storefrontlib/recipes/config/default-media.config.ts
@@ -21,16 +21,16 @@ export const mediaConfig: MediaConfig = {
   media: {
     pictureElementFormats: {
       mobile: {
-        mediaQueries: '(max-width: 767px)',
+        mediaQueries: '(max-width: 480px)',
       },
       tablet: {
-        mediaQueries: '(min-width: 768px) and (max-width: 1024px)',
+        mediaQueries: '(min-width: 481px) and (max-width: 770px)',
       },
       desktop: {
-        mediaQueries: '(min-width: 1025px) and (max-width: 1439px)',
+        mediaQueries: '(min-width: 771px) and (max-width: 960px)',
       },
       widescreen: {
-        mediaQueries: '(min-width: 1440px)',
+        mediaQueries: '(min-width: 961px)',
       },
     },
     pictureFormatsOrder: ['widescreen', 'desktop', 'tablet', 'mobile'],