diff --git a/bestsellers.html b/bestsellers.html
index 84c65ff..66e067f 100644
--- a/bestsellers.html
+++ b/bestsellers.html
@@ -31,7 +31,7 @@
         <h1 class="booksterLogo">Bookster</h1>
       </a>
     </header>
-
+    
     <section class="result-banner">
       <div class="result-banner-mid-div">
         <h2 id="category-title">Bestsellers List</h2>
@@ -41,6 +41,13 @@ <h2 id="category-title">Bestsellers List</h2>
     <section class="result-section-container">
       <div id="category-top-5"></div>
     </section>
+  
+    <footer>
+      <div id="footer-first-line"></div>
+      <div id="footer-second-line">
+        <p id="footer-text">Built by Fran and Lucien</p>
+      </div>
+    </footer>
 
     <script src="javascript/ny-times.js"></script>
   </body>
diff --git a/css/style.css b/css/style.css
index 8cdbee4..4ba9aff 100644
--- a/css/style.css
+++ b/css/style.css
@@ -182,7 +182,7 @@ the container for search input and button */
 main { 
     display: grid; 
     grid-template-columns: 1.5fr 1fr; 
-    
+    margin-bottom: 5rem;
 }
 
 
@@ -198,7 +198,7 @@ main {
 #top5-section\ {
     grid-column: 1;
     grid-row: 1;
-   
+    
  }
 
 
@@ -613,7 +613,7 @@ footer {
 /* ------ Media queries ----------------------*/
 
 /* Smallest screen */
-@media (max-width:800px) {
+@media (max-width:894px) {
     main {
         display: block;
         margin-bottom: 5rem;
diff --git a/javascript/ny-times.js b/javascript/ny-times.js
index 6aebc76..7b3ac8c 100644
--- a/javascript/ny-times.js
+++ b/javascript/ny-times.js
@@ -173,6 +173,7 @@ function fetchBooksForCategory(category) {
     .catch((error) => {
       console.error("Error:", error);
       results.textContent = error.message;
+      results.style.textAlign = "center";
     });
 }