Add h1 in add-book div

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

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <body>
     <!-- main navigation bar -->
     <nav class="main-nav">
-      <p>Awesome Books</p>
+      <h1>Awesome Books</h1>
       <ul  class="main-links">
         <li><a href="#" class="active">List</a></li>
         <li><a href="#" class="middle">Add new</a></li>
@@ -28,6 +28,8 @@
 
     <!-- add book intarface -->
     <div class="add-book">
+
+      <h1>Add a new book</h1>
       <form>
         <div class="title">
           <input type="text" placeholder="Title" id="title" />

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