resize gif

Signed-off-by: Jess Chitas <[email protected]>

Author: jessicachitas

src/.DS_Store

@@ -142,12 +142,8 @@
 
 /* ------------------------------ About Section ----------------------------- */
 
-.demo,
-.about {
+.about, .demo {
   padding: 10%;
-}
-
-.about {
   @media screen and (max-width: 1024px) {
     padding: 15% 10%;
     @media screen and (max-width: 500px) {
@@ -252,6 +248,11 @@
   margin-block-end: 0;
 }
 
+.demo-header {
+  text-align: center;
+}
+
+
 /* ------------------------------ Other Styles ------------------------------ */
 
 button {

src/App.css

@@ -104,7 +104,7 @@ function App() {
         <div className="demo viewport orange-background">
           <div className="demo-info">
             <h1 className="demo-header">Watch it in action</h1>
-            <img src={demoGIF}></img>
+            <img src={demoGIF} className="demo-gif"></img>
           </div>
         </div>