Learned & Added: Display and Positioning.

SixxCodes · SixxCodes · commit c05a2e5f198b · 2025-02-12T16:57:50.000-08:00
diff --git a/ThoughtNest Website/home.html b/ThoughtNest Website/home.html
@@ -10,12 +10,12 @@
 
     <body>
 
-        <div id="nav">
+        <nav>
             
             <a href="home.html" target="_self">Home</a>
             <a href="about.html" target="_self">About</a>
 
-        </div>
+        </nav>
 
         <div id="logo" align="center">
             <img src="images/tutnisLogo.png" alt="Logo" width="250">
@@ -24,7 +24,7 @@
         <div id="content" align="center" >
             
             <h1>ThoughtNest</h1>
-
+            
             <p>A digital notebook</p>
             <ul>
                 <li>Your secrets are safe here.</li>
diff --git a/ThoughtNest Website/styles.css b/ThoughtNest Website/styles.css
@@ -24,6 +24,10 @@ h1{
     box-shadow: 5px 5px 7px 5px rgb(53, 35, 8);
 }
 
+ul{
+    display:inline;
+}
+
 .buttons{
     background-color: rgb(124, 84, 24);
     color: bisque;
@@ -64,8 +68,10 @@ h1{
 
 
 .texts{
-    width: 20vw;
-    font-size: 20px;
+    width: 25vw;
+    height: 5vh;
+    font-size: 4vw;
+    font-size: 3vh;
     font-variant: small-caps;
     border: 1px solid rgb(124, 84, 24);
 }
