From 655ed2e9a8aa430c533df010d95072b9757d61dd Mon Sep 17 00:00:00 2001
From: Pulkit <kpulkit15234@gmail.com>
Date: Tue, 27 Jun 2023 19:31:53 +0530
Subject: [PATCH 1/2]  Added display rules for 600px 768px 992px and 200px
 breakpoints

---
 src/display.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/display.css b/src/display.css
index a24fb56..17f61cb 100644
--- a/src/display.css
+++ b/src/display.css
@@ -22,6 +22,12 @@
   object-fit: cover;
 }
 
+@media screen and (min-width: 600px) {
+  .sm-d-flex {
+    display: flex;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .md-d-flex {
     display: flex;
@@ -38,4 +44,4 @@
   .xl-d-flex {
     display: flex;
   }
-}
+}
\ No newline at end of file

From be63f1b95c5b10be7c5cacc5c108427875facdc5 Mon Sep 17 00:00:00 2001
From: Pulkit <65671483+Pulkitxm@users.noreply.github.com>
Date: Wed, 28 Jun 2023 09:34:27 +0530
Subject: [PATCH 2/2] Update display.css

---
 src/display.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 81 insertions(+), 1 deletion(-)

diff --git a/src/display.css b/src/display.css
index 17f61cb..875a0d4 100644
--- a/src/display.css
+++ b/src/display.css
@@ -26,22 +26,102 @@
   .sm-d-flex {
     display: flex;
   }
+
+  .sm-d-block {
+    display: block;
+  }
+
+  .sm-justify-space-around {
+    justify-content: space-around;
+  }
+
+  .sm-justify-space-between {
+    justify-content: space-between;
+  }
+
+  .sm-overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm-object-cover {
+    object-fit: cover;
+  }
 }
 
 @media screen and (min-width: 768px) {
   .md-d-flex {
     display: flex;
   }
+
+  .md-d-block {
+    display: block;
+  }
+
+  .md-justify-space-around {
+    justify-content: space-around;
+  }
+
+  .md-justify-space-between {
+    justify-content: space-between;
+  }
+
+  .md-overflow-hidden {
+    overflow: hidden;
+  }
+
+  .md-object-cover {
+    object-fit: cover;
+  }
 }
 
 @media screen and (min-width: 992px) {
   .lg-d-flex {
     display: flex;
   }
+
+  .lg-d-block {
+    display: block;
+  }
+
+  .lg-justify-space-around {
+    justify-content: space-around;
+  }
+
+  .lg-justify-space-between {
+    justify-content: space-between;
+  }
+
+  .lg-overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg-object-cover {
+    object-fit: cover;
+  }
 }
 
 @media screen and (min-width: 1200px) {
   .xl-d-flex {
     display: flex;
   }
-}
\ No newline at end of file
+
+  .xl-d-block {
+    display: block;
+  }
+
+  .xl-justify-space-around {
+    justify-content: space-around;
+  }
+
+  .xl-justify-space-between {
+    justify-content: space-between;
+  }
+
+  .xl-overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl-object-cover {
+    object-fit: cover;
+  }
+}