From 68f6770198d21b2bebd6fbff3418c3baa405ae2f Mon Sep 17 00:00:00 2001
From: wayungi <fwayungi@gmail.com>
Date: Wed, 29 Jun 2022 20:26:40 +0300
Subject: [PATCH] Add padding to add-book div

---
 index.html | 4 ++++
 style.css  | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/index.html b/index.html
index 5dacb94..7f64fc2 100644
--- 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
index 086c160..99d9d80 100644
--- 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;
+}