From b99d72d2409f636b45b0f46a6d4acf7b770bc561 Mon Sep 17 00:00:00 2001
From: Cool BRG <budhram.gurung01@gmail.com>
Date: Tue, 25 Aug 2020 22:03:17 +0530
Subject: [PATCH] Step 2: Updated image to figure

---
 css/style.css |  4 ++++
 index.html    | 15 ++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 16b916a..aeec952 100644
--- a/css/style.css
+++ b/css/style.css
@@ -26,6 +26,10 @@
 .width_60 {
   width: 60%;
 }
+figcaption {
+  font-size: 12px;
+  text-align: center;
+}
 
 /* Main CSS */
 html, body {
diff --git a/index.html b/index.html
index b7e14b4..ee7e092 100644
--- a/index.html
+++ b/index.html
@@ -126,7 +126,10 @@ <h1 class="text-center">Blogs</h1>
         <div class="blogs-content">
           <article class="column">
             <div class="card">
-              <img src="img/website.jpg" alt="Web Development">
+              <figure>
+                <img src="img/website.jpg" alt="Web Development">
+                <figcaption>Image: <a href="https://unsplash.com">Unsplash.com</a></figcaption>
+              </figure>
               <div class="blog-body">
                 <h3 class="blog-title">Getting start with Web Development</h3>
                 <div class="meta">
@@ -143,7 +146,10 @@ <h3 class="blog-title">Getting start with Web Development</h3>
           </article>
           <article class="column">
             <div class="card">
-              <img src="img/mentoring.jpg" alt="Mentoring">
+              <figure>
+                <img src="img/mentoring.jpg" alt="Mentoring">
+                <figcaption>Image: <a href="https://unsplash.com">Unsplash.com</a></figcaption>
+              </figure>
               <div class="blog-body">
                 <h3 class="blog-title">Why mentoring is essential to quickly shape your career</h3>
                 <div class="meta">
@@ -159,7 +165,10 @@ <h3 class="blog-title">Why mentoring is essential to quickly shape your career</
           </article>
           <article class="column">
             <div class="card">
-              <img src="img/project-planning.jpg" alt="Project">
+              <figure>
+                <img src="img/project-planning.jpg" alt="Project">
+                <figcaption>Image: <a href="https://unsplash.com">Unsplash.com</a></figcaption>
+              </figure>
               <div class="blog-body">
                 <h3 class="blog-title">Top 10 essentials tips for planning your projects</h3>
                 <div class="meta">