From b463935aa34e4814f036a3cfeaf0a2f0d446d5c7 Mon Sep 17 00:00:00 2001
From: soulreapermxi <56887474+soulreapermxi@users.noreply.github.com>
Date: Tue, 22 Oct 2019 23:47:36 +0530
Subject: [PATCH] Create flex_soulreapermxi.html

this is the first flexbox page in html and css using bootstrap4
---
 flex_soulreapermxi.html | 43 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 flex_soulreapermxi.html
diff --git a/flex_soulreapermxi.html b/flex_soulreapermxi.html
new file mode 100644
index 0000000..450eb9e
--- /dev/null
+++ b/flex_soulreapermxi.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html> 
+<html> 
+	<head> 
+		<title>flexbox</title> 
+		<style> 
+			.gfg_flex { 
+				display: flex; 
+				flex-direction: row; 
+				background-color: green; 
+				text-align:center; 
+			} 
+			
+			.gfg_flex > div { 
+				background-color: #f3f5f7; 
+				width: 100px; 
+				height:100px; 
+				margin: 10px; 
+				font-size: 50px; 
+			} 
+			h2 { 
+				text-align:center; 
+			} 
+			.geeks { 
+				font-size:40px; 
+				text-align:center; 
+				color:#009900; 
+				font-weight:bold; 
+			} 
+		</style> 
+	</head> 
+	<body> 
+  <h1> this is my first flex box page<h1>
+		<div class = "geeks">GeeksforGeeks</div> 
+		<h2>flex-direction Property</h2> 
+		<div class="gfg_flex"> 
+			<div>Box A is here</div> 
+			<div>Box B is here</div> 
+			<div>Box C is here</div> 
+			<div>Box D is here</div> 
+			<div>Box E is here</div> 
+		</div> 
+	</body> 
+</html>									 
