Fix: Resume button in nav bar (#738)

* fixed resume nav bar issue

* created empty div

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* modified margin of empty div

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

src/containers/greeting/Greeting.js

@@ -36,6 +36,7 @@ export default function Greeting() {
               >
                 {greeting.subTitle}
               </p>
+              <div id="resume" className="empty-div"></div>
               <SocialMedia />
               <div className="button-greeting-div">
                 <Button text="Contact me" href="#contact" />

src/containers/greeting/Greeting.scss

@@ -29,9 +29,14 @@
   flex: 1;
   margin-bottom: 30px;
 }
+
+.empty-div {
+  margin-bottom: 40px;
+}
+
 .button-greeting-div {
   display: flex;
-  margin-top: 20px;
+  margin-top: 40px;
 }
 .download-link-button {
   text-decoration: none;