Basic score card information implemented

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

@@ -1,29 +1,25 @@
-<!-- _score-card.hbs -->
-
 <div class="card" id="game-card">
     <div class="card-body">
 
         <!-- Left side (70%) -->
-        <div class="left-side" style="width: 70%; display: flex; flex-direction: column; justify-content: center;">
-            <!-- Team 1 Name -->
-            <div class="team" style="text-align: center;">
-                <p>team 1</p>
-                {{team1.name}}
-                <p>0</p>
+        <div class="left-side">
+            <!-- Team 1 Name with Score -->
+            <div class="team">
+                <p id="team-name">Arsenal</p> <!-- {{team1.name}} -->
+                <p id="team-score">0</p>
             </div>
-            <!-- Team 2 Name -->
-            <div class="team" style="text-align: center;">
-                <p>team 2</p>
-                {{team2.name}}
-                <p>1</p>
+            <!-- Team 2 Name with Score -->
+            <div class="team">
+                <p id="team-name">Liverpool</p> <!-- {{team2.name}} -->
+                <p id="team-score">1</p>
             </div>
         </div>
 
         <!-- Right side (30%) -->
-        <div class="right-side" style="width: 30%; display: flex; justify-content: center; align-items: center;">
+        <div class="right-side">
             <!-- Time -->
             <div class="score" style="text-align: center;">
-                {{time}}
+                <p id="time">94'</p>
             </div>
         </div>
 

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

@@ -1,6 +1,7 @@
  <div class="scoreboard-container" id="scoreboard">
     <div class="scoreboard-league-container">
         
+        <!-- Insert a game card -->
         {{> scoreboard-header/game-card}}
 
     </div>