From 92617d2624d76ebb8527ec216727f08982bedb5d Mon Sep 17 00:00:00 2001
From: demaurya <demaurya@adobe.com>
Date: Mon, 8 Apr 2024 22:48:41 +0530
Subject: [PATCH] Add breakpoints for tablet

---
 src/site/_base.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/site/_base.scss b/src/site/_base.scss
index 15e16c3..0ef167d 100644
--- a/src/site/_base.scss
+++ b/src/site/_base.scss
@@ -16,6 +16,14 @@ html, body {
   }
 }
 
+// Uncomment for tablet usecase.
+// @media (min-width: 769px) and (max-width: 1200px) {
+//   .aem-Grid {
+//     @include generate-grid(tablet, $max_col, left);
+//   }
+// }
+
+// If RTL support not needed then comment this block for better performance.
 [dir="rtl"] {
   .aem-Grid {
     @include generate-grid(default, $max_col, right);
@@ -26,4 +34,11 @@ html, body {
       @include generate-grid(phone, $max_col, right);
     }
   }
+
+  // Uncomment for tablet usecase.
+  // @media (min-width: 769px) and (max-width: 1200px) {
+  //   .aem-Grid {
+  //     @include generate-grid(tablet, $max_col, right);
+  //   }
+  // }
 }