centered content

Author: Babali42

src/app/app.component.html

@@ -24,7 +24,7 @@ <h2>2 - Choisir un sous-genre</h2>
          *ngFor="let subGenre of musicGenres[selectedGenreIndex].subGenres">{{ subGenre.label }}</a>
     </div>
   </div>
-  <div class="content">
+  <div class="flex content">
     <router-outlet></router-outlet>
   </div>
 </div>

src/app/app.component.scss

@@ -36,7 +36,9 @@
 }
 
 .content {
-  width: 100%;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
 }
 
 .header {