From 6eccd803a44c6bdfd38257d7fd3f34a92f72f6e4 Mon Sep 17 00:00:00 2001
From: Surjith S M <surjithctly@gmail.com>
Date: Tue, 16 Mar 2021 00:27:50 -0700
Subject: [PATCH 1/3] Add screenshot to readme

Adding a screenshot will help users understand the benefit instantly before even visiting the live demo.
---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 0ed4e44..b66b1ca 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,9 @@
 
 **Playground** is a HTML, CSS and JS demonstration component that runs entirely in the browser and does not require loading any third party sites.
 
+![image](https://user-images.githubusercontent.com/1884712/111269264-9fd0c480-85eb-11eb-8e5f-d42179381664.png)
+
+
 ## Usage
 
 Install from `npm` with:

From 0610471fd12ea4a2eea40de655d00e1a5d26d305 Mon Sep 17 00:00:00 2001
From: Surjith S M <surjithctly@gmail.com>
Date: Wed, 17 Mar 2021 00:12:38 -0700
Subject: [PATCH 2/3] Modified Image crop & align center

---
 README.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index b66b1ca..a2431f7 100644
--- a/README.md
+++ b/README.md
@@ -21,8 +21,9 @@
 
 **Playground** is a HTML, CSS and JS demonstration component that runs entirely in the browser and does not require loading any third party sites.
 
-![image](https://user-images.githubusercontent.com/1884712/111269264-9fd0c480-85eb-11eb-8e5f-d42179381664.png)
-
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/1884712/111428687-108fe380-86b5-11eb-94d1-a861e5c25d36.png" alt="screenshot" />
+</p>
 
 ## Usage
 

From d25bb65f78993af8c4549deefd824ec34f17e766 Mon Sep 17 00:00:00 2001
From: Agney Menon <agney@outlook.in>
Date: Wed, 17 Mar 2021 20:34:06 +0530
Subject: [PATCH 3/3] =?UTF-8?q?change=20from=20p=20=E2=9E=A1=20div?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index a2431f7..c883a43 100644
--- a/README.md
+++ b/README.md
@@ -21,9 +21,9 @@
 
 **Playground** is a HTML, CSS and JS demonstration component that runs entirely in the browser and does not require loading any third party sites.
 
-<p align="center">
+<div align="center">
   <img src="https://user-images.githubusercontent.com/1884712/111428687-108fe380-86b5-11eb-94d1-a861e5c25d36.png" alt="screenshot" />
-</p>
+</div>
 
 ## Usage