add actual exercises

Author: Rares Matei

exercise-specific-src/15-more-flexbox/solution1.png

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

exercise-specific-src/15-more-flexbox/solution2.png

@@ -21,35 +21,43 @@ <h1 class="site-header__title">Exercises</h1>
     </div>
     <h3>First</h3>
     <ul class="countries countries--tall countries--first">
-			<li class="country">1. Brazil</li>
-			<li class="country">2. Croatia</li>
-			<li class="country">3. Ethiopia</li>
-			<li class="country">4. Laos</li>
-			<li class="country">5. Uganda</li>
+			<li class="country country--brazil">1. Brazil</li>
+			<li class="country country--croatia">2. Croatia</li>
+			<li class="country country--ethiopia">3. Ethiopia</li>
+			<li class="country country--laos">4. Laos</li>
+			<li class="country country--uganda">5. Uganda</li>
 		</ul>
     <h3>Second</h3>
     <ul class="countries countries--tall countries--second">
-			<li class="country">1. Brazil</li>
-			<li class="country">2. Croatia</li>
-			<li class="country">3. Ethiopia</li>
-			<li class="country">4. Laos</li>
-			<li class="country">5. Uganda</li>
+        <li class="country country--brazil">1. Brazil</li>
+        <li class="country country--croatia">2. Croatia</li>
+        <li class="country country--ethiopia">3. Ethiopia</li>
+        <li class="country country--laos">4. Laos</li>
+        <li class="country country--uganda">5. Uganda</li>
     </ul>
     <h3>Third</h3>
     <ul class="countries countries--tall countries--third">
-			<li class="country">1. Brazil</li>
-			<li class="country">2. Croatia</li>
-			<li class="country">3. Ethiopia</li>
-			<li class="country">4. Laos</li>
-			<li class="country">5. Uganda</li>
+        <li class="country country--brazil">1. Brazil</li>
+        <li class="country country--croatia">2. Croatia</li>
+        <li class="country country--ethiopia">3. Ethiopia</li>
+        <li class="country country--laos">4. Laos</li>
+        <li class="country country--uganda">5. Uganda</li>
     </ul>
     <h3>Fourth</h3>
     <ul class="countries countries--tall countries--fourth">
-			<li class="country">1. Brazil</li>
-			<li class="country">2. Croatia</li>
-			<li class="country">3. Ethiopia</li>
-			<li class="country">4. Laos</li>
-			<li class="country">5. Uganda</li>
+        <li class="country country--brazil">1. Brazil</li>
+        <li class="country country--croatia">2. Croatia</li>
+        <li class="country country--ethiopia">3. Ethiopia</li>
+        <li class="country country--laos">4. Laos</li>
+        <li class="country country--uganda">5. Uganda</li>
+    </ul>
+    <h3>Fifth</h3>
+    <ul class="countries countries--tall countries--fifth">
+        <li class="country country--brazil">1. Brazil</li>
+        <li class="country country--croatia">2. Croatia</li>
+        <li class="country country--ethiopia">3. Ethiopia</li>
+        <li class="country country--laos">4. Laos</li>
+        <li class="country country--uganda">5. Uganda</li>
 		</ul>
   </div>
   <div class="site-wrapper site-wrapper">
@@ -76,6 +84,11 @@ <h3>Fourth</h3>
         class="solution"
         src="../../exercise-specific-src/15-more-flexbox/solution4.png"
       />
+      <h3>Fifth</h3>
+      <img
+        class="solution"
+        src="../../exercise-specific-src/15-more-flexbox/solution5.png"
+      />
     </div>
 </body>