add some css

src/Views/display_team.html.twig

@@ -29,14 +29,27 @@
 
             .container{
                 background-color: #fff;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
             }
             .team{
                 border-color: darkgrey;
                 border-radius: 20px;
-                align-items: center;
+
             }
-            .team.h1{
 
+            .colors{
+                justify-content: space-between;
+            }
+            .color{
+                flex-direction: row;
+                justify-content: space-between;
+            }
+
+            .logo{
+                height: 80px;
+                width: 80px;
             }
         </style>
     </head>
@@ -47,11 +60,16 @@
 
         <section class="container">
 
-            <div class="team">
-                <h1>{{ team.name }}</h1>
-                <img src="{{ team.picture }}" alt="Logo d'équipe">
-                <div class="square" id="mainColor"></div>
-                <div class="square" id="secondColor"></div>
+            <div class="team container">
+                <div>
+                    <h1>{{ team.name }}</h1>
+                    <img src="{{ team.picture }}" alt="Logo d'équipe" class="logo">
+                </div>
+                <div class="colors">
+                    <div class="color"><p>Couleur principale : </p><div class="square" id="mainColor"></div> </div>
+                    <div class="color"><p>Couleur secondaire : </p><div class="square" id="secondColor"></div></div>
+                </div>
+
 
                 {% for m in team.members %}
                     <p> m.id </p>