Add padding to add-book div

AbrahaKahsay · Jun 29, 2022 · 68f6770 · 68f6770
1 parent bb1b91d
commit 68f6770
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -24,6 +24,10 @@
     <div class="books-container">
       <div class="heading"><h1>All awesome Books</h1></div>
       <div class="book-list" id="booklist"></div>
+    </div>
+
+    <!-- add book intarface -->
+    <div class="add-book">
       <form>
         <div class="title">
           <input type="text" placeholder="Title" id="title" />

diff --git a/style.css b/style.css
@@ -102,3 +102,9 @@ footer{
   bottom:0;
   text-align: center;
 }
+
+/* add book page style */
+.add-book {
+  outline:1px solid black;
+  padding:50px 0;
+}