change the padding top of section and replace div by picture tag

Author: carlosjorger

css/navbar.css

@@ -11,6 +11,7 @@
   padding: 15%;
   width: 70%;
   text-align: center;
+  display: block;
 }
 .navbar-uncompressed {
   position: fixed;

css/styles.css

@@ -41,7 +41,7 @@ section {
   margin: 0 auto;
   margin-top: 3em;
   margin-bottom: 3em;
-  padding-top: 2.5em;
+  padding-top: 2em;
   height: calc(100vh - 6em);
   z-index: 2;
 }

index.html

@@ -91,15 +91,15 @@
         </div>
         <div id="nav-columnar-menu-background">
           <div id="nav-columnar-menu">
-            <div class="image-container">
+            <picture class="image-container">
               <img
                 class="logo"
                 src="./images/logo.png"
                 alt="logo"
                 width="150"
                 height="150"
               />
-            </div>
+            </picture>
             <hr />
             <ul id="nav-columnar-menu-list">
               <li class="nav-element">
@@ -177,7 +177,7 @@ <h2 class="subtitle reveal">About me</h2>
         <div class="card-projects">
           <h2 class="subtitle reveal">
             Some projects<br />
-            I've make
+            I've made
           </h2>
           <div id="open-ecommerce" class="card-project reveal">
             <div class="card-title">OpenEcommerce</div>