From 248ac42e382cc1dcf19f091110c0900020813ea3 Mon Sep 17 00:00:00 2001
From: satyajit <satyajitmaity0123@gmail.com>
Date: Sat, 24 Jun 2023 12:52:23 +0530
Subject: [PATCH] Add Media Query

---
 learnjs/15. News App/style.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/learnjs/15. News App/style.css b/learnjs/15. News App/style.css
index 73fdd2c..b327bdb 100644
--- a/learnjs/15. News App/style.css	
+++ b/learnjs/15. News App/style.css	
@@ -152,3 +152,34 @@ main {
 .news-source {
     margin-block: 12px;
 }
+
+/*  ----- Media Query ----- */
+
+@media only screen and (max-width: 1200px) {
+    nav{
+        padding: 0px 30px;
+    }
+    main{
+        padding: 10px 30px;
+    }
+}
+@media only screen and (max-width: 1100px) {
+    .cards-container {
+        justify-content: space-evenly;
+    }
+}
+@media only screen and (max-width: 767px) {
+    .nav-links {
+        display: none;
+    }
+}
+@media only screen and (max-width: 500px) {
+    .main-nav{
+        flex-direction: column;
+        height: 150px;
+        justify-content: space-evenly;
+    }
+    #cards-container{
+        margin-top: 100px;
+    }
+}
\ No newline at end of file