fix style, template typos

Author: MarkTechson

projects/02-displaying-dynamic-data/src/app/app.component.ts

@@ -7,7 +7,7 @@ import { Component } from '@angular/core';
     <article class="offer">
       <h1>
         <span>Bonus Offer</span>
-        <span>$<!-- ITEM PRICE --></span>
+        <span>&dollar;<!-- ITEM PRICE --></span>
       </h1>
       <img src="/assets/noun-product-6277512.png" width="400" />
       <p><!-- ITEM NAME--></p>

projects/05-control-flow-for/src/app/app.component.css

@@ -33,6 +33,8 @@ hr {
 .container {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
   padding: 20px;
 }
 .title {

projects/05-control-flow-for/src/app/app.component.ts

@@ -43,27 +43,31 @@ export class AppComponent {
       miles: 54354,
       price: 1000,
       year: 2022,
+      transmission: 'Automatic',
     },
     {
       make: 'Ronda',
       model: 'Disaccord',
       miles: 100000,
       price: 230,
       year: 1991,
+      transmission: 'Automatic',
     },
     {
       make: 'Specific Motors',
       model: 'Spoke',
       miles: 100000,
       price: 230,
       year: 1991,
+      transmission: 'Automatic',
     },
     {
       make: 'Fjord',
       model: 'Pocus',
       miles: 1,
       price: 22330,
       year: 2023,
+      transmission: 'Automatic',
     },
   ];
 }