team

src/contents/team.tsx

@@ -5,26 +5,43 @@ export function Team() {
 
   return (
     <>
+      <br/>
+      <br/>
       <div className="row center">
         <div className="col">
-          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+          <Steckbrief 
+          url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
+          
+          > 
+            .
+          </Steckbrief>
         </div>
         <div className="col">
-          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg">
+            .
+          </Steckbrief>
         </div>
         <div className="col">
-        <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+        <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> 
+          .
+        </Steckbrief>
         </div>
       </div>
       <div className="row center">
         <div className="col">
-          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> 
+            . 
+          </Steckbrief>
         </div>
         <div className="col">
-          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+          <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> 
+            . 
+          </Steckbrief>
         </div>
         <div className="col">
-        <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief>
+        <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> 
+          .
+        </Steckbrief>
         </div>
       </div>
     </>
@@ -39,16 +56,16 @@ interface SteckProps{
 
 }
 
-function Steckbrief({children, url}: SteckProps){
+function Steckbrief({children, url, name}: SteckProps){
   return(
     <>
     <div className="lnp center">
     <img src={url} className="img-round"></img>
     </div>
     <div className="center">
-      <p>Hi</p>
+      <p>{name}</p>
     </div>
-    {children}
+      {children}
     </>
   )
 }