changed order of items and image

src/components/SplashPage.vue

@@ -72,7 +72,7 @@ a {
   </b-col>
   <b-col md="2">
     <p class="item_title"><b-link to="/HappinessPage">The Happiness Project</b-link></p>
-    <b-link to="/HappinessPage"><b-img class="img-fluid" center src="media/cope.png"></b-img></b-link>
+    <b-link to="/HappinessPage"><b-img class="img-fluid" center src="media/privilege.JPG"></b-img></b-link>
   </b-col>
   <b-col md="2">
     <p class="item_title"><b-link to="/xppl" >XPPL</b-link></p>
@@ -85,24 +85,8 @@ a {
 </b-row>
 </b-container>
 
-<b-container fluid>
-<b-row>
-  <b-col md="1">
-    <p class="row_title">WORKSHOPS</p>
-  </b-col>
-  <b-col md="2">
-    <p class="item_title"><b-link to="/zinemachines">Zine Machines</b-link></p>
-    <b-link to="/zinemachines"><b-img class="img-fluid" src="media/zinemachines.png"></b-img></b-link>
-  </b-col>
-  <b-col md="2">
-    <p class="item_title"><b-link to="/unpacking">Unpacking Gender Roles</b-link></p>
-    <b-link to="/unpacking"><b-img class="img-fluid" src="media/unpacking.png"></b-img></b-link>
-  </b-col>
 
 
-</b-row>
-</b-container>
-
 <b-container fluid>
 <b-row>
   <b-col md="1">
@@ -132,6 +116,24 @@ a {
 </b-row>
 </b-container>
 
+<b-container fluid>
+<b-row>
+  <b-col md="1">
+    <p class="row_title">WORKSHOPS</p>
+  </b-col>
+  <b-col md="2">
+    <p class="item_title"><b-link to="/zinemachines">Zine Machines</b-link></p>
+    <b-link to="/zinemachines"><b-img class="img-fluid" src="media/zinemachines.png"></b-img></b-link>
+  </b-col>
+  <b-col md="2">
+    <p class="item_title"><b-link to="/unpacking">Unpacking Gender Roles</b-link></p>
+    <b-link to="/unpacking"><b-img class="img-fluid" src="media/unpacking.png"></b-img></b-link>
+  </b-col>
+
+
+</b-row>
+</b-container>
+
 </div>
 
 </template>