commit e9dc287abb43890eb9d6507c7750c5cfe50fce76
author 00day0 <therandomuser11@gmail.com> Thu Sep 26 10:48:42 2019 -0700
committer Jon West <electrikjesus@gmail.com> Thu Sep 26 18:43:00 2019 -0400
tree 28fe8687a01bf3e32d36a1b6d43a72c497699535
parent a0154a0ca570e248abf1d3ceda01ba7494422bd1

Rewrite css for team section
Going from almost 200 lines to 20 lines is a quite improvement

side effects: fixed glitches in scaling, fixed issue with images and containers beign different size, better alignment with section bellow it, added some spacing to spread out items for better visual hierarchy, getting rid of old method of creating layouts with tables which shouldn't be used at all

Signed-off-by: 00day0 <therandomuser11@gmail.com>

index.html

diff --git a/index.html b/index.html
index 9e73858..4c763a6 100644
--- a/index.html
+++ b/index.html
@@ -428,7 +428,7 @@
         </div>
       </div>
 	  
-	  <section id="content"></section>
+	  <section id="content" class="team_content"></section>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
     <script>
        $.ajax({
@@ -438,12 +438,12 @@
           var newContent = '';       // Variable to hold HTML
        
           for (var i = 0; i < data.length; i++) {    // Loop through object
-            newContent += '<div id="event">';
+            newContent += '<div id="event" class="team_item">';
             newContent += '<img class="image crop" src="' + data[i].image + '" ';
             newContent += 'alt="' + data[i].member + '" />';
             newContent += '<h3><b>' + data[i].member + '</b></h3>';
-            newContent += '<p>' + data[i].descriptions + '<br>';
-            newContent += '<i>&quot;' + data[i].email + '&quot;</i></p>';
+            newContent += '<p class="team_data_text">' + data[i].descriptions + '</p>';
+            newContent += '<p class="team_data_text"><i>&quot;' + data[i].email + '&quot;</i></p>';
             newContent += '</div>';
           }