From bf19a3a662db83eb3c8b2c93ef838a9041ea8ec0 Mon Sep 17 00:00:00 2001
From: Joel Wetzell <jwetzell@yahoo.com>
Date: Wed, 24 Nov 2021 12:30:24 -0600
Subject: [PATCH] Move each timezone to its own flex

---
 src/app/app.component.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index c350640..750e063 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,6 @@
-<div class="container">
-    <ng-container *ngFor="let timezone of fiveOclocks">
-      <h1 class="timezone">{{timezone.name}}</h1>
-      <h2 class="time">{{timezone.time?.toFormat('tt')}}</h2>
-    </ng-container>
-</div>
-
+<ng-container *ngFor="let timezone of fiveOclocks">
+  <div class="container">
+    <h1 class="timezone">{{timezone.name}}</h1>
+    <h2 class="time">{{timezone.time?.toFormat('tt')}}</h2>
+  </div>
+</ng-container>
\ No newline at end of file