Update team.html

wiki/pages/team.html

@@ -5,16 +5,13 @@
 
 {% block page_content %}
 <style type="text/css">
-  .card
-  {
+  .card {
   width: 300px;
   height: 450px;
   background: transparent;
   border-radius: 10px;
-  margin-top: 40px;
-  margin-left: 70px;
+  margin: 20px;
   position: relative;
-  float: left;
   }
   .card:hover
   {
@@ -34,10 +31,13 @@
   left: 10px;
   }
   .container {
-    width: 1200px;
-    height: 100%;
-    margin: auto;
-  }
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: 1200px;
+  margin: auto;
+  padding: 20px;
+}
   .card:hover .background
   {
     transform: rotate(120deg); <!-- apply a transform effect to an element with the class background when it is inside an element with the class card and the card element is hovered over -->