diff --git a/styles/style.css b/styles/style.css
index 9571ab1..e8ba34b 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -177,3 +177,40 @@ header {
 }
   
 /* Write your CSS below */
+
+@media(max-width: 760px) {
+  body {
+
+    .articles-container {
+     flex-direction: column;
+     margin: 20px;
+     padding: 20px;
+    
+    }
+    
+    
+    .main-article img {
+width: 200%;
+  height: auto;
+  align-items: center;
+
+  
+    }
+
+    .main-article .content {
+  width: 100px;
+  padding: 20px;
+  margin:20px;
+
+}
+  
+
+
+    .navbar {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+  
+    }
+  }
+}
\ No newline at end of file