Converted card width to css var

src/app/game-card/game-card.component.css

@@ -3,7 +3,7 @@
 }
 
 .game-card {
-  width: 420px;
+  width: var(--card-width);
 }
 
 .full-width-field {

src/app/match-results/match-results.component.css

@@ -3,7 +3,7 @@
 }
 
 .match-results {
-  width: 420px;
+  width: var(--card-width);
 }
 
 .match-results-text {

src/app/score-card/score-card.component.css

@@ -4,7 +4,7 @@
 
 .match-score {
   margin: 1rem 0;
-  width: 420px;
+  width: var(--card-width);
 }
 
 .score-box {

src/app/score-card/score-card.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+
 import { GameFacade } from '../store/game';
 
 @Component({

src/styles.css

@@ -1,4 +1,9 @@
 /* You can add global styles to this file, and also import other style files */
 
+:root {
+  --card-width: 420px;
+}
+
+
 html, body { height: 100%; }
 body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }