Random Quote Generator 수정

prgrms-web-devcourse · Sep 7, 2021 · 3f3d590 · 3f3d590
1 parent 568b8b0
commit 3f3d590
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/3-Random_Quote_Generator/index.html b/3-Random_Quote_Generator/index.html
@@ -5,10 +5,11 @@
   <body>
     <div class="app">
       <div class="quote-container">
-        <p class="quote-text">Quote</p>
+        <h1>Quote</h1>
+        <p class="quote-text">...</p>
         <p class="quote-author">Author</p>
-        <button>Generate Quote</button>
       </div>
+      <button>Generate Quote</button>
     </div>
     <script src="index.js" defer></script>
   </body>

diff --git a/3-Random_Quote_Generator/style.css b/3-Random_Quote_Generator/style.css
@@ -1,9 +1,12 @@
+body{
+    margin: 0;
+}
 .app{
     width: 100vw;
     height: 100vh;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-around;
     align-items: center;
     font-family: 'Times New Roman', Times, serif;
     background : linear-gradient(to right, #f7b24a, #4aa193);