From c18016aaa886cfcf373586d229ebc10858b21260 Mon Sep 17 00:00:00 2001
From: Manish <manish@radii.dev>
Date: Thu, 30 Jun 2022 12:24:46 +1000
Subject: [PATCH] Styling updated for small devices

---
 random-quote-machine/public/index.html | 1 +
 random-quote-machine/src/App.js        | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/random-quote-machine/public/index.html b/random-quote-machine/public/index.html
index 03b42a1..049b975 100644
--- a/random-quote-machine/public/index.html
+++ b/random-quote-machine/public/index.html
@@ -36,5 +36,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
   </body>
 </html>
diff --git a/random-quote-machine/src/App.js b/random-quote-machine/src/App.js
index 1f33058..9dabef1 100644
--- a/random-quote-machine/src/App.js
+++ b/random-quote-machine/src/App.js
@@ -57,14 +57,14 @@ class App extends React.Component {
               </p>
               <div className="row justify-content-center">
                 <button
-                  className={`btn col-5 col-sm-5 col-md-4 col-lg-3 col-xl-2 ${this.state.randomBackgroundColorClass}`}
+                  className={`btn col-10 mb-2 mb-sm-0 col-sm-5 col-md-4 col-lg-3 col-xl-2 ${this.state.randomBackgroundColorClass}`}
                   id="new-quote"
                   onClick={this.handleNewQuote}
                 >
                   <FontAwesomeIcon icon={faShuffle} /> Random Quote
                 </button>
                 <a
-                  className="btn bg-color-twitter col-5 col-sm-5 col-md-4 col-lg-3 col-xl-2 offset-1"
+                  className="btn bg-color-twitter col-10 col-sm-5 col-md-4 col-lg-3 col-xl-2 offset-sm-1"
                   href={`https://twitter.com/intent/tweet?text="${encodeURI(
                     `${this.state.randomQuote}"\n- By ${this.state.randomAuthor}\n`
                   )}&hashtags=quotes,freeCodeCamp`}