added comments

src/components/button/button.jsx

@@ -3,12 +3,7 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 export const QuoteButton = (props) => {
   return (
-    <Button
-      variant={props.variant}
-      href={props.href}
-      target={props.target}
-      onClick={props.click}
-    >
+    <Button variant={props.variant} target={props.target} onClick={props.click}>
       {props.text}
     </Button>
   );

src/components/quote-box/quote-box-styles.scss

@@ -10,7 +10,6 @@
     color: white;
     width: 800px;
     height: 400px;
-    // background-color: #0077b6;
     border: 1px solid grey;
     border-radius: 5px;
     padding: 10px;
@@ -23,13 +22,13 @@
   }
 
   #new-quote {
-    margin-top: 80px;
+    margin-top: 100px;
     float: right;
   }
 
   #tweet {
     float: right;
-    margin-top: 80px;
+    margin-top: 100px;
     margin-right: 15px;
   }
 

src/components/quote-box/quote-box.jsx

@@ -9,7 +9,9 @@ class QuoteBox extends React.Component {
       quotes: null,
       displayQuote: null,
       displayAuthor: null,
+      // color for the box
       color: ["#264653", "#2a9d8f", "#e76f51", "#e63946", "#bc6c25"],
+      // color for the app.js body
       backGroundApp: [
         "#ffadad",
         "#ffd6a5",
@@ -43,6 +45,7 @@ class QuoteBox extends React.Component {
     });
   }
 
+  //changing the quotes and author also sending a bg to app.js
   handleChange = () => {
     const randomNum = this.random();
     this.setState({