styled username, border-radius on sections

The-Fun-Guys · Jul 31, 2020 · b6ee0eb · b6ee0eb
1 parent 2d32873
commit b6ee0eb
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 9 deletions.
diff --git a/about-us/about-us.css b/about-us/about-us.css
@@ -20,7 +20,6 @@ header {
     background-color: var(--color2);
     margin-bottom: 10px;
     border: solid 1px var(--color4);
-    padding-bottom: 10px;
 }
 
 #header-h1, #logo-name, #logo-name1, #us {
@@ -96,14 +95,16 @@ section {
     border: solid 1px var(--color4);
     width: 1000px;
     max-width: 80%;
+    border-radius: 5px;
 }
 
-h1 {
+#meet-us {
     margin-top: 15px;
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     font-family: 'Shrikhand';
     color: var(--color4);
     margin-bottom: -2px;
+    -webkit-text-stroke: .4px #ded0a8;
 }
 
 .about-us {

diff --git a/about-us/index.html b/about-us/index.html
@@ -27,7 +27,7 @@ <h1 id="header-h1">
         <a class= "nav-links" href="../about-us/index.html">THE FUN-GUYS</a>
     </nav>
     <main>
-        <h1>Meet The Fun-Guys</h1>
+        <h1 id="meet-us">Meet The Fun-Guys</h1>
         <section> 
         <br>
         <div class="about-us">

diff --git a/all-mushrooms/all-mushrooms.css b/all-mushrooms/all-mushrooms.css
@@ -19,6 +19,8 @@ header {
     margin-right: auto;
     background-color: var(--color2);
     margin-bottom: 10px;
+    padding-bottom: 20px;
+    padding-top: 10px;
     border: solid 1px var(--color4);
 }
 
@@ -126,7 +128,8 @@ section {
     justify-content: center;
     align-items: center;
     padding: 5px;
-    border: solid 1px var(--color4)
+    border: solid 1px var(--color4);
+    border-radius: 5px;
 }
 
 h4 {

diff --git a/basket/basket.css b/basket/basket.css
@@ -18,7 +18,8 @@ header {
     margin-left: auto;
     margin-right: auto;
     background-color: var(--color2);
-    margin-bottom: 10px;
+    margin-bottom: 15px;
+    padding-bottom: 15px;
     border: solid 1px var(--color4);
 }
 
@@ -117,6 +118,7 @@ section {
     border: solid 1px var(--color4);
     text-align: center;
     place-items: center;
+    border-radius: 5px;
 }
 
 h1{
@@ -148,6 +150,13 @@ h3 {
     padding-right: 50px;
 }
 
+#user-name {
+    font-family: 'Shrikhand';
+    font-size: 1.4rem;
+    color: var(--color4);
+    -webkit-text-stroke: 1.1px #ded0a8;
+    padding-top: 15px;
+}
 
 button {
     border-radius: 5px;

diff --git a/basket/basketUtils.js b/basket/basketUtils.js
@@ -18,7 +18,7 @@ for (let i = 0; i < basket.length; i++) {
 function displayUserName() {
     const user = document.getElementById('user-name');
     const userData = JSON.parse(localStorage.getItem(USER));
-    user.textContent = `${userData.name}`;
+    user.textContent = `${userData.name}'s Mushroom Basket`;
 }
 displayUserName();
 

diff --git a/basket/index.html b/basket/index.html
@@ -25,8 +25,7 @@ <h1 id="header-h1">
 </nav>
 <body>
     <main>
-        <span id="user-name">Username's</span>
-            <span id="user-basket">Mushroom Basket</span>
+        <span id="user-name"></span>
         <section>
             <ul>