deleted: README.md

modified: index.html modified: style.css
5 months ago · e5068e19bd
parent 460b2c257b
commit e5068e19bd
3 changed files with 25 additions and 4 deletions
--- a/README.md
+++ b/README.md
@ -1 +0,0 @@
-lol
--- a/index.html
+++ b/index.html
@ -9,6 +9,15 @@
 <body>
    <header>
        <div class="navbar"> 
+            <div>
+                <nav>
+                    <ul>
+                        <li><a href="#">about me</a></li>
+                        <li><a href="#">projects</a></li>
+                        <li><a href="#womp-womp">womp womp</a></li>
+                    </ul>
+                </nav>
+            </div>
            <div> 
                <h1 class="womp-womp-txt">🏳️‍⚧️ Charlie :3</h1>
            </div> 
@ -30,7 +39,7 @@
        </div>
        <div>
            <center>
-                <img class="womp-womp-gif" src="src/shylily-womp.gif" alt="womp-womp-gif">
+                <img id="womp-womp" class="womp-womp-gif" src="src/shylily-womp.gif" alt="womp-womp-gif">
            </center>
        </div>
    </main>
--- a/style.css
+++ b/style.css
@ -11,7 +11,19 @@
    padding-top: 1rem;
    display: flex;
    justify-content: center;
-    gap: 50rem;
+    gap:20vw;
+}
+.navbar > div > nav > ul {
+    padding-top: 0.5rem;
+    display: flex;
+    gap: 3rem;
+}
+.navbar > div > nav > ul > li > a {
+    text-decoration: none;
+    color: black;
+}
+.navbar > div > nav > ul > li {
+    list-style: none;
 }
 .projects {
    padding-top: 3rem;
@ -40,5 +52,6 @@
 }

 .womp-womp-gif {
-    padding-top: 3rem;
+    padding-top: 50rem;
+    padding-bottom: 2rem;
 }