Removed 'px' from inline styles

Author: Seth Lemmons

21-floating-components/a-ad-hoc-menus/src/App.js

@@ -2,10 +2,10 @@ import React, { Component } from 'react';
 import Menu from './Menu';
 
 const style = {
-  height: '300px',
-  width: '300px',
+  height: 300,
+  width: 300,
   background: '#e02d42',
-  padding: '12px',
+  padding: 12,
   color: 'white',
   textAlign: 'center'
 }

21-floating-components/b-tooltips/src/App.js

@@ -4,7 +4,7 @@ import Tooltip from './Tooltip';
 class App extends Component {
   render() {
     return (
-      <div style={{fontSize: '20px', color: '#555', margin: '60px'}}>
+      <div style={{fontSize: 20, color: '#555', margin: 60}}>
         <span>THAT'S NO </span>
         <Tooltip tiptext="DEATH STAR">
           <span style={{color: '#a0a0a0'}}>MOON</span>

21-floating-components/c-modal/src/App.js

@@ -16,7 +16,7 @@ class App extends Component {
     const { floating } = this.state;
 
     return (
-      <div style={{width: '400px', height: '400px', position: 'relative'}}>
+      <div style={{width: 400, height: 400, position: 'relative'}}>
         <button onClick={this.showFloating}>Show Floating</button>
         <Floating modal show={floating} viewport closeOnModalClick>
           <div className="modal-msg">