diff --git a/styles/style.css b/styles/style.css
index 9571ab1..dda1238 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -177,3 +177,17 @@ header {
 }
   
 /* Write your CSS below */
+@media (max-width: 768px) {
+  .navbar li {
+    flex-direction: column;
+    height: auto;
+ padding: 10px;  
+}
+main article {
+  flex-direction: column;
+  padding: 10px;
+}
+main article img {
+  width: 100%;
+  height: auto;
+}
\ No newline at end of file