readme screenshots links updated

Author: pramit-marattha

README.md

@@ -2,6 +2,17 @@
 
 Fullstack Blogsite built using React as a frontend , express js (backend framework) and MongoDB as a database.Also, implemented various features like form validation ,user authentication(signup and login functionalities) ,separate user profiles, reset password, forgot password and much more.
 
+## Current Progress
+
+<p align="center">
+<img src="https://user-images.githubusercontent.com/37651620/105505024-8c426500-5cf0-11eb-8604-61fb561cc4fe.jpg" alt="drawing" width="100"/>
+</p>
+<img src="https://user-images.githubusercontent.com/37651620/105505774-77b29c80-5cf1-11eb-8487-4b52ce091a06.png" alt="drawing" width="auto"/>
+<img src="https://user-images.githubusercontent.com/37651620/105505790-7bdeba00-5cf1-11eb-899b-1274157939fe.png" alt="drawing" width="auto"/>
+<p align="center">
+<img src="https://user-images.githubusercontent.com/37651620/105505705-64073600-5cf1-11eb-9271-27e681501a32.png" alt="drawing" width="auto" height="700"/>
+</p>
+
 ---
 
 Step By Step Build:

client/components/Layout.js

@@ -6,6 +6,7 @@ const Layout = ({children}) =>{
 
     return (
         <>
+           
             <Header/>
             {children}
             {/* <p>footer</p> */}

client/components/blog/Card/Card.js

@@ -48,7 +48,7 @@ const Card =({blog})=>{
         <div className="row">
             <div className="col-md-4">
                 <section>
-                    <img className="img img-fluid" style={{maxHeight:"120px",width:"auto",filter:"blur(0.5px)"}} src={`${API}/api/blog/photo/${blog.slug}`} alt={blog.title}/>
+                    <img className="img img-fluid pl-3" style={{maxHeight:"290px",width:"auto",filter:"blur(0.5px)"}} src={`${API}/api/blog/photo/${blog.slug}`} alt={blog.title}/>
                 </section>
             </div>
             <div className="col-md-8">
@@ -59,7 +59,7 @@ const Card =({blog})=>{
             </div>
         </div>
         <section>
-        <p className="ml-2 pt-5 pb-1">
+        <p className="ml-2 pt-4 pb-1 pl-3">
             <div style={{backgroundColor:"inset 0 0 2000px rgba(255, 255, 255, .5)",filter:"blur(0.7px)",fontSize:"15px"}}> Author : {blog.postedBy.name} | Published {moment(blog.updatedAt).fromNow()} </div>
         </p>
     </section>