Style the donate button

aadhithbala · Jul 16, 2023 · 64e6bf5 · 64e6bf5
1 parent 028c6b4
commit 64e6bf5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@
           <li>Gallery</li>
           <li>Testimonials</li>
           <li>Contact</li>
-          <li>Adopt Now</li>
+          <li class="special-btn">Donate</li>
         </ul>
       </div>
 

diff --git a/styles.css b/styles.css
@@ -38,6 +38,16 @@ body {
   align-items: center;
   column-gap: 2rem;
   flex-wrap: wrap;
+  font-weight: 600;
+}
+
+.navbar > .special-btn {
+  background-color: #79b975;
+  color: #1b291a;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  width: 6rem;
+  text-align: center;
 }
 
 .hero-image {