diff --git a/README.md b/README.md
index 54cb122d5340357c432aaa715079c6d8bfe678f2..8182364e2c3b515d669d98551f16abb55d465d01 100644
--- a/README.md
+++ b/README.md
@@ -41,7 +41,7 @@ http://localhost:8000/
 <img src="screenshots/AddAuthor.png">
 <img src="screenshots/AddBook.png">
 <img src="screenshots/Addgenre.png">
-<img src="screenshots/AuthorList.png">
+<img src="screenshots/AuthorList.jpg">
 <img src="screenshots/BookList.png">
 <img src="screenshots/GenreList.png">
 <img src="screenshots/Login.png">
@@ -49,9 +49,24 @@ http://localhost:8000/
 <img src="screenshots/UpdateUser.png">
 <img src="screenshots/UserList.png">
 
+## **Screenshot of Lighthouse**
+
+<img src="screenshots/lighthouse/lighthouse (1).jpg">
+<img src="screenshots/lighthouse/lighthouse (2).jpg">
+<img src="screenshots/lighthouse/lighthouse (3).jpg">
+<img src="screenshots/lighthouse/lighthouse (4).jpg">
+<img src="screenshots/lighthouse/lighthouse (5).jpg">
+<img src="screenshots/lighthouse/lighthouse (6).jpg">
+<img src="screenshots/lighthouse/lighthouse (7).jpg">
+<img src="screenshots/lighthouse/lighthouse (8).jpg">
+<img src="screenshots/lighthouse/lighthouse (9).jpg">
+
+
 ## **Bonus yang dikerjakan**
 
 1. Dockerize
+2. Lighthouse
+3. Responsive
 
 ## **Pembagian Kerja - Workload Breakdown**
 
diff --git a/app/components/Navbar.php b/app/components/Navbar.php
index d21c9fae940f2d267ce08194f9ab87b7fa259757..935bcdefab9e412e1c306c218ad0634d3119408a 100644
--- a/app/components/Navbar.php
+++ b/app/components/Navbar.php
@@ -39,7 +39,7 @@
                 <?php endif;?>
                 <?php endif;?>
             </ul>
-            <form  method="POST"
+            <form method="POST"
                     action="/../user/logout"  >
                     <input class="section" type="submit" value="Log Out"> </input>
             </form>
diff --git a/app/pages/admin/AddAuthorPage.php b/app/pages/admin/AddAuthorPage.php
index 63b8692594aa573b55ad0d1d16c4a8cae734a1a0..f2aefba6388b9266d3c66243274c6de7e575c50c 100644
--- a/app/pages/admin/AddAuthorPage.php
+++ b/app/pages/admin/AddAuthorPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/AddGenrePage.php b/app/pages/admin/AddGenrePage.php
index f948f108258caa9d83b862c3e79795128101f540..1df93f0b8b6a7149da0c644c9b53014e9fbe49ba 100644
--- a/app/pages/admin/AddGenrePage.php
+++ b/app/pages/admin/AddGenrePage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/DeleteAuthorPage.php b/app/pages/admin/DeleteAuthorPage.php
index a82bfdee28b12353297c8add1ebaac2b6cfa34a8..c054d12a4068f58e8d4c62e1640e24e458886da3 100644
--- a/app/pages/admin/DeleteAuthorPage.php
+++ b/app/pages/admin/DeleteAuthorPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/DeleteBookPage.php b/app/pages/admin/DeleteBookPage.php
index a59cbbc8dfc4e8307cf74a4c056a97ed633a0a42..6d5b538c11ae1820f8c8ee0c82ae3c627248d890 100644
--- a/app/pages/admin/DeleteBookPage.php
+++ b/app/pages/admin/DeleteBookPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/DeleteGenrePage.php b/app/pages/admin/DeleteGenrePage.php
index 084f469c5d684dda4c63aaaa899f24c1ecfee0ca..cfc85c679281253e2ba2595ea0f71299e27109f1 100644
--- a/app/pages/admin/DeleteGenrePage.php
+++ b/app/pages/admin/DeleteGenrePage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/DeleteUserPage.php b/app/pages/admin/DeleteUserPage.php
index 81f076c17d47cbd3ace3cab2e3d1af621a72591a..129516eb0386d8966c11f007283a14c0ba69399c 100644
--- a/app/pages/admin/DeleteUserPage.php
+++ b/app/pages/admin/DeleteUserPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/UpdateAuthorPage.php b/app/pages/admin/UpdateAuthorPage.php
index 2b6fed34c987bb1910f1375a6adcdfd8d39bbdca..ad9200a0bc1af3157168fa462aee654ff7cb23bf 100644
--- a/app/pages/admin/UpdateAuthorPage.php
+++ b/app/pages/admin/UpdateAuthorPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/UpdateBookPage.php b/app/pages/admin/UpdateBookPage.php
index 4eda91ceff66066ea60b953f341fb9cee98cb805..5edd3be9de364423329c83c93e1d3f0674f69de1 100644
--- a/app/pages/admin/UpdateBookPage.php
+++ b/app/pages/admin/UpdateBookPage.php
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html>
-
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -66,7 +65,7 @@
 
                     <br><br>
 
-                    <label class="form-label" for="genre">New Book Summary:</label><br>
+                    <label class="form-label" for="summary">New Book Summary:</label><br>
                     <textarea 
                         class="text-area" type="text" id="summary" name="summary" 
                         rows="5" cols="50"
diff --git a/app/pages/admin/UpdateGenrePage.php b/app/pages/admin/UpdateGenrePage.php
index 157f09f9ea1b3936bdc01ecf8f795d5383da92ec..f2ef3adaaa6218db3b1e9956cadfd78b34e42f2e 100644
--- a/app/pages/admin/UpdateGenrePage.php
+++ b/app/pages/admin/UpdateGenrePage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/UpdateSpecificAuthorPage.php b/app/pages/admin/UpdateSpecificAuthorPage.php
index b41d3c1c641eb81d80ec414e1d7980333f8d43de..9452615e78b65d4b3ed38666da3013bb51999f94 100644
--- a/app/pages/admin/UpdateSpecificAuthorPage.php
+++ b/app/pages/admin/UpdateSpecificAuthorPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/UpdateSpecificGenrePage.php b/app/pages/admin/UpdateSpecificGenrePage.php
index c736ae5bb40d786b650614af6d4a7a8b10ea5597..0ee93681b11fbda59a0744187b3c63ed828db269 100644
--- a/app/pages/admin/UpdateSpecificGenrePage.php
+++ b/app/pages/admin/UpdateSpecificGenrePage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/pages/admin/UpdateUserPage.php b/app/pages/admin/UpdateUserPage.php
index 2be97db5101009eb4fe6d3fa4198c5c7208c655c..fbf0750b56970007dacdce74fd23bf816b5b1292 100644
--- a/app/pages/admin/UpdateUserPage.php
+++ b/app/pages/admin/UpdateUserPage.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="UTF-8">
diff --git a/app/public/styles/home/home.css b/app/public/styles/home/home.css
index 686f3d05428b4adf7f86ee816ce3cb5fff395246..138cf6d14f8d05f50c9f945d84a366e395875076 100644
--- a/app/public/styles/home/home.css
+++ b/app/public/styles/home/home.css
@@ -30,35 +30,6 @@
     gap: 0.25rem;
 }
 
-
-/* 
-select {
-    outline: 0;
-    background: #fff;
-    color: var(--teal);
-    border: 2px solid var(--teal);
-    padding: 4px;
-    border-radius: 4px;
-}
-
-.search {
-    color: black;
-    font-family: var(--poppins);
-    font-weight: 500;
-    background: transparent;
-    border-radius: 2px solid var(--teal) !important;
-}
-
-.button {
-    border-radius: 100px;
-    background: var(--teal);
-    padding: 1rem;
-    display: flex;
-}
-
-
-*/
-
 select,
 .search {
     outline: 0;
@@ -180,4 +151,29 @@ select,
     background: #919EAB;
     border-radius: 5.25px;
     opacity: 0.50;
+}
+
+@media screen and (max-width: 768px) {
+    .book-container {
+        width: 40%;
+    }
+    .topbar-container{
+        flex-direction: column;
+        width: 40%;
+    }
+    .selection{
+        flex-direction: column;
+        align-items: center;
+        gap:0.5rem;
+    }
+    .profile-button{
+        display: none;
+    }
+    .booklist-container{
+        flex-direction: row;
+    }
+    .button-container{
+        flex-direction: column;
+        gap:0.25rem;
+    }
 }
\ No newline at end of file
diff --git a/app/public/styles/template/navbar.css b/app/public/styles/template/navbar.css
index ca60eda82ec0bbd1a435c83d599a34cc3d5687e3..04b2a3764557808afd9a0bb4e01aad90eb835147 100644
--- a/app/public/styles/template/navbar.css
+++ b/app/public/styles/template/navbar.css
@@ -16,7 +16,7 @@
 nav {
     margin: 0;
     font-family: var(--poppins);
-    font-size: 1rem;
+    font-size: 1.5vw;
     color: #212529;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: transparent;
@@ -32,7 +32,9 @@ nav {
     background: #118A7E;
     transition: all 0.5s ease;
 }
-
+input{
+    font-size: 1.5vw;
+}
 .sidebar .top {
     text-align: center;
     line-height: auto;
diff --git a/app/public/styles/user/auth.css b/app/public/styles/user/auth.css
index 22a66b9b246df8d40767eb759c2e22acc676317e..f492df9d5d29537cdf649ba984202548f0ed6d8d 100644
--- a/app/public/styles/user/auth.css
+++ b/app/public/styles/user/auth.css
@@ -89,7 +89,8 @@ p b{
     text-align: center;
 }
 
-/* 
-#profile-pic {
-    display: none;
-} */
+@media screen and (max-width: 768px) {
+    img {
+        max-width: 250px;
+    }
+}
diff --git a/screenshots/AuthorList.jpg b/screenshots/AuthorList.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b8c0391d83505f61b5c7d47a9b3f7ced4b925db7
Binary files /dev/null and b/screenshots/AuthorList.jpg differ
diff --git a/screenshots/lighthouse/lighthouse (1).jpg b/screenshots/lighthouse/lighthouse (1).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6af9984585d018ed53de8a27584e06bdf0208083
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (1).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (2).jpg b/screenshots/lighthouse/lighthouse (2).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..de75602bdd855c68662d99fad18b541f5752a38e
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (2).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (3).jpg b/screenshots/lighthouse/lighthouse (3).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a63c1ea0ec51945795de6b8cfdcaade2bbd3e745
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (3).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (4).jpg b/screenshots/lighthouse/lighthouse (4).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a0f87fa0559a44b057dfa6a1e040c90214a2ec9e
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (4).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (5).jpg b/screenshots/lighthouse/lighthouse (5).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0d2d26d4ca68f8cca2e8c5d2eaf1b35dd8aae16f
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (5).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (6).jpg b/screenshots/lighthouse/lighthouse (6).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..995ddbbb7f2d33dabbd6b3fd77a0ac2709642069
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (6).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (7).jpg b/screenshots/lighthouse/lighthouse (7).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5f12ff931a4141fb9f8810fb0c4f4b418fe25a4d
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (7).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (8).jpg b/screenshots/lighthouse/lighthouse (8).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..af5381ea26c851e64051d370525bc47e0738e4aa
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (8).jpg differ
diff --git a/screenshots/lighthouse/lighthouse (9).jpg b/screenshots/lighthouse/lighthouse (9).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..84641fb13fd147933a32e3e7bc6e91d732c4b226
Binary files /dev/null and b/screenshots/lighthouse/lighthouse (9).jpg differ