From 7d3a594eba58d85457d3119b50a60676c3271dbf Mon Sep 17 00:00:00 2001
From: rasan3-1416 <md.rakibhasan3.1416@gmail.com>
Date: Fri, 13 Oct 2023 12:03:28 +0600
Subject: [PATCH] style: add reponsive styling for min-width: 768px

---
 assets/css/styles.css | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index d9d07f5..c168574 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -675,5 +675,32 @@ img {
     justify-content: initial;
   }
 }
-
+@media screen and (min-width: 768px) {
+  /* ========== Home ========== */
+  .home__img {
+    width: 320px;
+  }
+  .home__title {
+    font-size: 16rem;
+    top: -4rem;
+  }
+  .home__social {
+    top: 0;
+    bottom: 0;
+    align-content: center;
+    left: 1.5rem;
+  }
+  /* ========== Sponsor ========== */
+  .sponsor__container {
+    grid-template-columns: repeat(4, max-content);
+  }
+  /* ========== Footer ========== */
+  .footer__container {
+    grid-template-columns: repeat(2, max-content);
+    justify-content: space-around;
+  }
+  .footer__data {
+    column-gap: 4rem;
+  }
+}
 /* For large devices */
\ No newline at end of file