ligned header and hero sections&fixed footer padding

Shine1i · Sep 13, 2022 · fbc1f43 · fbc1f43
1 parent d7cbc7d
commit fbc1f43
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+
 <div class="header">
     <h1>Landing Page</h1>
     <ul>
@@ -28,7 +29,6 @@ <h1>The Odin Project Foundations</h1>
 </div>
 <h1 id="title">Tools Used to build this webpage!</h1>
 <div class="boxes">
-
     <div class="item">
         <img src="./img/html.svg" alt="HTML logo">
         <div class="text">HTML5</div>
@@ -48,7 +48,8 @@ <h1 id="title">Tools Used to build this webpage!</h1>
 </div>
 <div class="quote-text">
     <p id="main-text">
-        <em>In some ways, programming is like painting. You start with a blank canvas and certain basic raw materials. You use a combination of science, art, and craft to determine what to do with them.</em>
+        <em>In some ways, programming is like painting. You start with a blank canvas and certain basic raw materials.
+            You use a combination of science, art, and craft to determine what to do with them.</em>
     </p>
     <p id="quoted">- Andrew Hunt</p>
 </div>
@@ -66,4 +67,4 @@ <h3>Learn Web Development today!</h3>
     Copyright © The Odin project 2022
 </div>
 </body>
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -153,8 +153,13 @@ button:hover{
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100vh;
+    padding: 30px;
     background-color: #1F2937;
     margin-top: auto;
     color: #fff;
-}
+}
+.hero h1,
+.secondary-text,
+button{
+    margin-left: 25px;
+}