small corrections after review

Author: miriamjorna

Sprint-3/quote-generator/quotes.js

@@ -5,15 +5,14 @@ const newQuoteButton = document.querySelector("#new-quote");
 function displayQuote() {
   const randomQuote = pickFromArray(quotes);
   quoteP.textContent = randomQuote.quote;
-  authorP.textContent = `- ${randomQuote.author}`;
+  authorP.textContent = randomQuote.author;
 }
 
-window.onload = function() {
+window.onload = function () {
+  newQuoteButton.addEventListener("click", displayQuote);
   displayQuote();
 };
 
-newQuoteButton.addEventListener("click", displayQuote); 
-
 // DO NOT EDIT BELOW HERE
 
 // pickFromArray is a function which will return one item, at
@@ -39,7 +38,7 @@ function pickFromArray(choices) {
 // A list of quotes you can use in your app.
 // DO NOT modify this array, otherwise the tests may break!
 const quotes = [
-   {
+  {
     quote: "Life isn't about getting and having, it's about giving and being.",
     author: "Kevin Kruse",
   },
@@ -507,4 +506,3 @@ const quotes = [
 ];
 
 // call pickFromArray with the quotes array to check you get a random quote
-pickFromArray(quotes);

Sprint-3/quote-generator/style.css

@@ -1,26 +1,26 @@
 body {
-    background-color: rgb(13, 13, 50);
-    color: rgb(250, 200, 135);
-    font-family: 'Trebuchet MS', 'Verdana', Arial, sans-serif;
-    text-align: center;
-    justify-content: center;
-    display: flex;
+  background-color: rgb(13, 13, 50);
+  color: rgb(250, 200, 135);
+  font-family: "Trebuchet MS", "Verdana", Arial, sans-serif;
+  text-align: center;
+  justify-content: center;
+  display: flex;
 }
 
 .quotebox {
-    position: relative;
-    width: 70%;
-    background: rgb(250, 200, 135);
-    color: rgb(13, 13, 50);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 20px;
+  position: relative;
+  width: 70%;
+  background: rgb(250, 200, 135);
+  color: rgb(13, 13, 50);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px;
 }
 
 .container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }