change team styles

picklejason · Dec 20, 2022 · 2382774 · 2382774
1 parent 14968c5
commit 2382774
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/public/styles/index.css b/public/styles/index.css
@@ -154,6 +154,7 @@ input[type="submit"] {
 }
 
 .team {
+  display: flex;
   position: fixed;
   top: 45%;
   left: 50%;
@@ -163,7 +164,7 @@ input[type="submit"] {
 }
 
 .team img {
-  width: 15%; 
+  width: 100%; 
 }
 
 .select-image {

diff --git a/views/team.ejs b/views/team.ejs
@@ -18,12 +18,18 @@
     <h1><%- name %>'s Team</h1>
     <div class="team">
       <% pokemons.forEach((pokemon, index) => { %>
-      <a class="select-text" href="../pokemon/<%= pokemon %>"
-        ><img
+      <a class="select-text" href="../pokemon/<%= pokemon %>">
+        <img
           src="<%= sprites[index] %>"
           alt="<%= pokemon %>"
-          class="select-image" /></a
-      ><% }); %>
+          class="select-image"
+        />
+        <br />
+        <span>
+          <b><%= pokemon.charAt(0).toUpperCase() + pokemon.slice(1) %></b>
+        </span>
+      </a>
+      <% }); %>
     </div>
   </body>
 </html>