blog buttons

AQuadic · Sep 10, 2024 · 62baf70 · 62baf70
1 parent 1c709a5
commit 62baf70
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -4738,6 +4738,29 @@ html[dir=rtl] .pay h1 {
     line-height:2;
 }
 
+.blog_buttons {
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    gap:15px;
+    margin-bottom:50px
+}
+
+.blog_buttons a{
+    width:100px;
+    font-size: 14px;
+    line-height: 18px;
+    background: #ff7443;
+    border-radius: 10px;
+    padding: 6px 8px;
+    color: white;
+    margin: 0;
+    font-family: "DK Cool";
+    display:flex;
+    align-items:center;
+    justify-content:center;
+}
+
 @media (min-width: 768px) {
     .content {
         margin-left: 6rem;

diff --git a/viewMore.html b/viewMore.html
@@ -144,6 +144,10 @@
             <h2 class="header-title">Finibus Bonorum et Malorum</h2>
             <p class="header-date">Monday  May 20</p>
         </div>
+        <div class="blog_buttons">
+          <a href="#">Next</a>
+          <a href="#">Previous</a>
+        </div>
       </div>
     <!-- End Header Section -->