Update file team.html

wiki/pages/team.html

@@ -2,34 +2,23 @@
 
 {% block title %}Our Team{% endblock %}
 {% block lead %}Meet the minds behind Natronaut{% endblock %}
-{% block head%}
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Card Design</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap" rel="stylesheet">
+{% block page_content %}
 
 <style type="text/css">
-  * {
-    font-family: "Red Hat Display", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 400; 
-    font-style: normal;
-  }
+
   h1 {
     text-align: center;
     color: #222;
     padding-top: 20px;
   }
-  .container {
+  .team-container {
     width: 1200px;
     height: 100%;
     margin: auto;
   }
   .card {
-    width: 30px;
-    height: 45px;
+    width: 300px;
+    height: 450px;
     background: transparent;
     border-radius: 10px;
     margin-top: 40px; 
@@ -65,16 +54,15 @@
     cursor: pointer; 
   }
 </style>
-{% endblock %}
-
-{% block page_content %}
-  <header>
-      <div class="card">
-        <div class="bg-pos"></div>
-        <img class="one" src="https://gitlab.igem.org/2024/msp-maastricht/-/raw/main/wiki/images_project_description/profile_images/profile_image_Devyani.png?ref_type=heads" alt="Profile picture Dveyani">
-        <h3>Devyani Ravi</h3>
-        <h4>Role</h4>
-      </div>
-        <!-- Add more cards here -->
-  </header>
+<div class="team-container">
+  <div class="row justify-content-center">
+    <div class="card col-md-3">
+      <div class="bg-pos"></div>
+      <img class="one" src="https://gitlab.igem.org/2024/msp-maastricht/-/raw/main/wiki/images_project_description/profile_images/profile_image_Devyani.png?ref_type=heads" alt="Profile picture Dveyani">
+      <h3>Devyani Ravi</h3>
+      <h4>Role</h4>
+    </div>
+    <!-- Add more cards here -->
+  </div>
+</div>
 {% endblock %}