From 2c8653be800ec6366403290e2603d552a57b69ef Mon Sep 17 00:00:00 2001
From: Tusar Kumar Nayak <101183262+Tusar7684@users.noreply.github.com>
Date: Sat, 15 Oct 2022 19:23:36 +0530
Subject: [PATCH] issue #5 resolved

---
 .../with_grid.html                            | 20 +++++++++++++++
 .../with_margin.html                          | 25 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 Tusar/Center an image without using flexbox/with_grid.html
 create mode 100644 Tusar/Center an image without using flexbox/with_margin.html
diff --git a/Tusar/Center an image without using flexbox/with_grid.html b/Tusar/Center an image without using flexbox/with_grid.html
new file mode 100644
index 00000000..04497a44
--- /dev/null
+++ b/Tusar/Center an image without using flexbox/with_grid.html	
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Center An Image</title>
+    <style>
+         div {
+      display: grid;
+      place-items: center;
+    }
+    </style>
+</head>
+<body>
+    <div>
+        <img src="Google.png" alt="Google" />
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/Tusar/Center an image without using flexbox/with_margin.html b/Tusar/Center an image without using flexbox/with_margin.html
new file mode 100644
index 00000000..89906f05
--- /dev/null
+++ b/Tusar/Center an image without using flexbox/with_margin.html	
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Center An Image</title>
+    <style>
+        img {
+      display: block;
+      margin: 0 auto;
+    }
+    img {
+      display: block;
+      margin: 0 auto;
+      width: 40%;
+    }
+    </style>
+</head>
+<body>
+    <div>
+        <img src="Google.png" alt="Google" />
+    </div>
+</body>
+</html>
\ No newline at end of file
