adding title for each article set up image size and height in each article.

Author: Jacknguyen4438

Wireframe/index.html

@@ -15,10 +15,10 @@ <h1>Wireframe</h1>
     </header>
     <main>
 
-      <div>
+      <div class="article-border">
         <article>
           <img src="placeholder.svg" alt="" class="image-size" />
-          <h2>Title</h2>
+          <h2>READ ME.md file and what is mean.</h2>
           <p>
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
             voluptates. Quisquam, voluptates.
@@ -27,10 +27,10 @@ <h2>Title</h2>
         </article>
       </div>
       <hr>
-      <div>
+      <div class="article-border">
         <article>
           <img src="placeholder.svg" alt="" class="image-size" />
-          <h2>Title</h2>
+          <h2>What is a wireframe and the purpose of it used</h2>
           <p>
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
             voluptates. Quisquam, voluptates.
@@ -39,10 +39,10 @@ <h2>Title</h2>
         </article>
       </div>
       <hr>
-      <div>
+      <div class="article-border">
         <article>
           <img src="placeholder.svg" alt="" class="image-size" />
-          <h2>Title</h2>
+          <h2>Git, repo and branch</h2>
           <p>
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
             voluptates. Quisquam, voluptates.

Wireframe/style.css

@@ -1,4 +1,9 @@
 .image-size {
-     width: 300px;
-     height: 300px;
+     width: 100%;
+     height: 20%;
+}
+.article-border{
+    border: 2px solid black;
+    border-radius: 5px;
+    margin: 0px 15px 0px 25px;
 }