edit backgrd color

part-2/18-git-merge/styles.css → week-1/9-git-branch/styles.css

@@ -1,6 +1,6 @@
 /* Add your own CSS code below */
 .link {
-  color: #4491db;
+  color: red;
   font-weight: 700;
   text-decoration: none;
 }

week-2/10-media-queries/columns.css

@@ -0,0 +1,15 @@
+/* Add your own CSS code below */
+.countries {
+  columns: 1;
+}
+
+@media only screen and (min-width: 1200px) {
+  .countries {
+    columns: 3;
+  }
+}
+@media only screen and (min-width: 769px) {
+  .countries {
+    columns: 2;
+  }
+}

part-2/11-flexbox/flexbox.css → week-2/11-flexbox/flexbox.css

@@ -1 +1,4 @@
 /* Add your own CSS code below */
+.container {
+  display: flex;
+}

part-2/11-flexbox/readme.md → week-2/11-flexbox/readme.md

@@ -1,4 +1,4 @@
-# Flexbox
+columns: 3;# Flexbox
 
 Flexbox is used to change the layout of elements on the HTML page. In this exercise, you'll apply the `flex-direction` property to change how the countries are displayed. Follow the steps below to complete this exercise.
 

week-2/17-nav-menu/styles.css

@@ -0,0 +1,18 @@
+/* Write your media queries and flexbox CSS below */
+@media only screen and (min-width: 480px) {
+  .site-header__nav {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 700px) {
+  .site-header {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 900px) {
+  .site-header {
+    justify-content: space-around;
+    align-items: center;
+    background-color: red;
+  }
+}