Merge pull request #81 from kelvinkamau/reorder

fixed reorder bugs #67
kelvinkamau · Feb 11, 2019 · 0d5336b · 0d5336b
2 parents d667cec + f277abf
commit 0d5336b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -776,11 +776,13 @@ p {
   padding-right: 0;
 }
 
-@media (min-width: 240px) and (max-width: 768px){
-  .ml-auto{
+
+@media (min-width: 240px) and (max-width: 400px){
+  .ml-pic{
     order:-1;
   }
 }
+
 .hero {
   display: -webkit-box;
   display: -ms-flexbox;

diff --git a/index.html b/index.html
@@ -102,7 +102,7 @@ <h2 class="zuri">Developer Student Club<br> University Name.</h2>
                     <a href="http://meetu.ps/c/3q6jR/zjdKV/f" class="hero-button" target="_blank" rel="noopener"><i class="fab fa-meetup"></i> &nbsp; Become a member</a>
                 </div>
             </div>
-            <div class="col-12 col-sm-5 ml-auto">
+            <div class="col-12 col-sm-5 ml-auto ml-pic">
                 <div class="hero-figure">
                     <img data-src="images/assets/diversity.png" class="img-fluid w-100"
                          alt="Illustration of diversity in a developer community">