Added Screenshots and Updated README.md

Author: gideonagyage

README.md

@@ -55,15 +55,23 @@ The `QuoteGenerator` component is responsible for fetching quotes, managing stat
 
 ## Screenshots
 
-<img src="./img/Screenshot-Large-Screen.jpeg" height="400px" alt="Large" title="Large Screen">
+- First Quote
 
 <br>
 
-<img src="./img/Screenshot-Small-Screen.jpeg" height="350px" alt="Small" title="Small Screen">
+<img src="./img/Screenshot-1.jpeg" height="400px" alt="Large" title="First Quote">
+
+<br> <br>
+
+- Second Quote
+
+<br>
+
+<img src="./img/Screenshot-2.jpeg" height="400px" alt="Small" title="Second Quote">
 
 ## Live Demo
 
-Check out the live demo [here](https://medium-landing-page-six.vercel.app/).
+Check out the live demo [here](https://quote-generator-three-peach.vercel.app/).
 
 ## Key Concepts
 

img/Screenshot-1.jpeg

@@ -48,7 +48,7 @@ function QuoteGenerator() {
         </div>
 
         <figure className="text-center">
-          <blockquote className="blockquote fs-5">
+          <blockquote className="blockquote p-2 fs-5">
             <p>{quote}</p>
           </blockquote>
           <figcaption className="blockquote-footer mt-2 fw-medium fs-6">
@@ -70,30 +70,40 @@ function QuoteGenerator() {
               <a
                 href="https://linkedin.com/in/gideonagyage"
                 className="text-decoration-none mx-2 txt-blue-v"
+                rel="noopener noreferrer"
+                target="_blank"
               >
                 <FontAwesomeIcon icon={faLinkedin} size="lg" />
               </a>
               <a
                 href="https://x.com/gideon_agyage"
                 className="text-decoration-none mx-2 txt-blue-v"
+                rel="noopener noreferrer"
+                target="_blank"
               >
                 <FontAwesomeIcon icon={faXTwitter} size="lg" />
               </a>
               <a
                 href="https://facebook.com/gideonagyage"
                 className="text-decoration-none mx-2 txt-blue-v"
+                rel="noopener noreferrer"
+                target="_blank"
               >
                 <FontAwesomeIcon icon={faFacebook} size="lg" />
               </a>
               <a
                 href="https://github.com/gideonagyage"
                 className="text-decoration-none mx-2 txt-blue-v"
+                rel="noopener noreferrer"
+                target="_blank"
               >
                 <FontAwesomeIcon icon={faGithub} size="lg" />
               </a>
               <a
                 href="https://behance.net/gideonagyage"
                 className="text-decoration-none mx-2 txt-blue-v"
+                rel="noopener noreferrer"
+                target="_blank"
               >
                 <FontAwesomeIcon icon={faBehance} size="lg" />
               </a>