Comments added to code

ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css

@@ -35,8 +35,9 @@
     margin-left: 10px;
 }
 
+/* Container for each team in card's information */
 .team {
-    display: flex;
+    display: flex; /* Keeps all items in a row */
     align-items: center; /* Center items vertically */
     padding: 5px;
 }

ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs

@@ -3,6 +3,7 @@
 
         <!-- Left side (70%) -->
         <div class="card-team-container">
+
             <!-- Team 1 Name with Score -->
             <div class="team">
                 <img src="{{ homeTeam.crest }}" alt="{{ homeTeam.name }} Crest">
@@ -19,6 +20,7 @@
 
         <!-- Right side (30%) -->
         <div class="card-game-information-container">
+            
             <!-- Time -->
             <div class="score" style="text-align: center;">
                 <p id="time">{{ minute }}</p>