Convert all the text to links in footer seciont

aadhithbala · Jul 25, 2023 · c936ed0 · c936ed0
1 parent 87a74f4
commit c936ed0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -477,23 +477,23 @@ <h4 class="grid-heading">Contact Us</h4>
         </div>
         <div class="grid-box account">
           <h4 class="grid-heading">Account</h4>
-          <p>Create account</p>
-          <p>Sign in</p>
-          <p>Android app</p>
-          <p>iOS app</p>
+          <p><a href="#">Create account</a></p>
+          <p><a href="#">Sign in</a></p>
+          <p><a href="#">Android app</a></p>
+          <p><a href="#">iOS app</a></p>
         </div>
         <div class="grid-box business">
           <h4 class="grid-heading">Company</h4>
-          <p>About</p>
-          <p>Partners</p>
-          <p>For Business</p>
-          <p>Careers</p>
+          <p><a href="#">About</a></p>
+          <p><a href="#">Partners</a></p>
+          <p><a href="#">For Business</a></p>
+          <p><a href="#">Careers</a></p>
         </div>
         <div class="grid-box resources">
           <h4 class="grid-heading">Resources</h4>
-          <p>Blog</p>
-          <p>Help center</p>
-          <p>Privacy & Terms</p>
+          <p><a href="#">Blog</a></p>
+          <p><a href="#">Help center</a></p>
+          <p><a href="#">Privacy & Terms</a></p>
         </div>
       </div>
     </footer>

diff --git a/styles.css b/styles.css
@@ -433,7 +433,8 @@ h4 {
   justify-self: start;
 }
 
-.contact-details p a {
+.contact-details p a,
+.grid-box p a {
   text-decoration: none;
   color: inherit;
   font-size: inherit;