[Explore]: Fixed main button sizing and more images

Author: Jesulayomy

docs/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SCHub</title>
-    <link rel="icon" href="/explore/images/main-roof.png" />
+    <link rel="icon" href="images/main-roof.png" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
@@ -24,7 +24,7 @@
       }
 
       .cover-bg {
-        background-image: url("/explore/images/cover.png");
+        background-image: url("images/cover.png");
         background-size: cover;
         background-position: center;
         height: 100vh;
@@ -82,7 +82,7 @@
       .navbar-brand {
         font-size: x-large;
         padding: 20px;
-        background-image: url("/explore/images/main-roof.png");
+        background-image: url("images/main-roof.png");
         background-repeat: no-repeat;
         background-size: 60%;
         background-position-y: 5px;
@@ -156,7 +156,7 @@
             style="
               --bs-btn-padding-y: 0.25rem;
               --bs-btn-padding-x: 0.5rem;
-              --bs-btn-font-size: 2.5rem;
+              --bs-btn-font-size: 2rem;
             "
             >Visit SCHub</a
           >
@@ -219,7 +219,7 @@ <h2 class="text-center mb-4">About SCHub</h2>
         </p>
         <h2 class="text-center mb-0 mt-5">Developers</h2>
         <div class="row mt-3">
-          <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
+          <div class="col-6 col-md-4 col-lg-3 col-xl-2">
             <div class="card mb-4 bg-dark text-white">
               <img
                 src="https://avatars.githubusercontent.com/u/113533393?s=96&v=4"
@@ -257,7 +257,7 @@ <h5 class="card-title">Aina Jesulayomi</h5>
               </div>
             </div>
           </div>
-          <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
+          <div class="col-6 col-md-4 col-lg-3 col-xl-2">
             <div class="card mb-4 bg-dark text-white">
               <img
                 src="https://avatars.githubusercontent.com/u/108087255?v=4"
@@ -296,7 +296,7 @@ <h5 class="card-title">Samuel Iwelumo</h5>
               </div>
             </div>
           </div>
-          <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
+          <div class="col-6 col-md-4 col-lg-3 col-xl-2">
             <div class="card mb-4 bg-dark text-white">
               <img
                 src="https://avatars.githubusercontent.com/u/103280525?v=4"
@@ -329,7 +329,7 @@ <h5 class="card-title">Rani</h5>
               </div>
             </div>
           </div>
-          <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
+          <div class="col-6 col-md-4 col-lg-3 col-xl-2">
             <div class="card mb-4 bg-dark text-white">
               <img
                 src="https://avatars.githubusercontent.com/u/124374867?v=4"
@@ -350,7 +350,7 @@ <h5 class="card-title">Shobhit</h5>
               </div>
             </div>
           </div>
-          <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
+          <div class="col-6 col-md-4 col-lg-3 col-xl-2">
             <div class="card mb-4 bg-dark text-white">
               <img
                 src="https://avatars.githubusercontent.com/u/84663764?v=4"