added styling to the customer details component

src/components/CustomerDetails.css

@@ -0,0 +1,9 @@
+p {
+  margin: 0;
+  padding: 0;
+}
+
+p:first-child {
+  margin-bottom: 2px;
+  font-size: 1.2em;
+}

src/components/CustomerDetails.js

@@ -20,11 +20,11 @@ class CustomerDetails extends Component {
   render() {
 
     return (
-      <dl>
-        <dt><strong>Name:</strong> { this.props.name }</dt>
-        <dd><strong>Phone Number:</strong> {this.props.phone}</dd>
+      <section>
+        <p><strong>Name:</strong> { this.props.name }</p>
+        <p><strong>Phone Number:</strong> {this.props.phone}</p>
         { this.displayCredit() }
-      </dl>
+      </section>
     )
   }