removed the from js file to css , modified the js file anf html

Author: Enice-Codes

Sprint-3/quote-generator/index.html

@@ -4,15 +4,15 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Quote generator app</title>
-    <link rel="stylesheet" href="styles.css" />
+   <link rel="stylesheet" href="style.css" />
     <script defer src="quotes.js"></script>
   </head>
   <body>
     <main class="card">
       <h1 class="visually-hidden">Quote generator app</h1>
 
       <div class="quote-container">
-        <p id="quote"></p>
+        <blockquote id="quote"></blockquote>
       </div>
 
       <div class="author-container">

Sprint-3/quote-generator/quotes.js

@@ -490,11 +490,6 @@ const quotes = [
   },
 ];
 
-// call pickFromArray with the quotes array to check you get a random quote
-function pickFromArray(array) {
-  const randomIndex = Math.floor(Math.random() * array.length);
-  return array[randomIndex];
-}
 
 // Grab the elements we need to update once, so we're not
 // searching the page every time.
@@ -519,9 +514,8 @@ function showRandomQuote() {
   // If you prefer the Math.random() approach directly, you could
   // instead write:
   // const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];
-
-  quoteEl.textContent = `"${randomQuote.quote}"`;
-  authorEl.textContent = `— ${randomQuote.author}`;
+quoteEl.textContent = randomQuote.quote;
+authorEl.textContent = randomQuote.author;
 }
 
 // Updates the on-screen text that says whether auto-play is on or off.

Sprint-3/quote-generator/style.css

@@ -1,4 +1,5 @@
 /** Write your CSS in here **/
+
 :root {
   --accent: #ff9f0a;
   --accent-dark: #e08600;
@@ -39,27 +40,23 @@ body {
 }
 
 .quote-container {
-  position: relative;
-  padding-left: 3rem;
   margin-bottom: 1.5rem;
 }
 
-.quote-container::before {
-  content: "\201C";
-  position: absolute;
-  left: 0;
-  top: -0.6rem;
-  font-size: 4rem;
-  line-height: 1;
-  font-weight: bold;
-  color: var(--accent);
-}
-
 #quote {
   font-size: 1.6rem;
   color: var(--accent);
   margin: 0;
   line-height: 1.4;
+  quotes: '"' '"';
+}
+
+#quote::before {
+  content: open-quote;
+}
+
+#quote::after {
+  content: close-quote;
 }
 
 .author-container {
@@ -74,7 +71,7 @@ body {
 }
 
 #author::before {
-  content: "- ";
+  content: "— ";
 }
 
 .controls {