aligned the readmore button on the page

Author: Yonatanteklemariam

Wireframe/index.html

@@ -67,7 +67,7 @@ <h3>What is the purpose of a wireframe?</h3>
       <img
         src="https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/d/0d19837bbaf82a71ab35b2a62c5f8776af8e900a.png"
         alt="git branching diagram" class="placeholder-small">
-      <h3>What is a branch in Git?</h3>
+      <h3>What is the reason behind having a branch in Git?</h3>
       <p>A <strong>Git branch</strong> is a separate version of your project where you can work on new features without
         affecting the
         main code. Branches allow safe experimentation and make collaboration easier. Therefore.</p>

Wireframe/style.css

@@ -66,13 +66,12 @@ body {
 
 .page-header h1 {
   font-size: 2em;
-  margin-bottom: 5px;
+  margin-bottom: 1%;
 }
 
 .hero .placeholder {
   width: 100%;
   height: 600px;
-  background-color: #d0bee3;
   border: 2px dashed #1a082c;
   border-radius: 10px;
   margin-bottom: 20px;
@@ -89,7 +88,7 @@ body {
   padding-top: 45px;
   padding-left: 15px;
   padding-right: 15px;
-  padding-bottom: 15px;
+  padding-bottom: 10px;
   border: 2px solid #000;
   border-radius: 10px;
   margin-bottom: 20px;
@@ -123,7 +122,7 @@ body {
   color: white;
   text-decoration: none;
   border-radius: 5px;
-  margin-top: 10px;
+  margin-top: 15px;
   font-size: 1.2em;
   font-weight: bold;
 }
@@ -136,9 +135,7 @@ body {
 .small-articles {
   display: flex;
   gap: 20px;
-  margin-bottom: 20px;
-  margin-right: 20px;
-  margin-left: 20px;
+  margin: 0 20px 20px 20px;
   padding-bottom: 125px;
   text-align: justify;
 }