From 205d8520d6e8dfa5294b3b88fe1bb720330c6ac7 Mon Sep 17 00:00:00 2001
From: Sailesh <shailesh.mrzn@gmail.com>
Date: Thu, 14 Mar 2024 23:51:40 +0545
Subject: [PATCH] shapes #334

---
 modules/shapes/shapes,#334_saileshmrzn.html | 58 +++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 modules/shapes/shapes,#334_saileshmrzn.html

diff --git a/modules/shapes/shapes,#334_saileshmrzn.html b/modules/shapes/shapes,#334_saileshmrzn.html
new file mode 100644
index 00000000..db501023
--- /dev/null
+++ b/modules/shapes/shapes,#334_saileshmrzn.html
@@ -0,0 +1,58 @@
+<div class="container">
+  <div class="content1">
+    <h1>Something</h1>
+    <p>
+      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui nam
+      doloribus rerum quia recusandae culpa praesentium adipisci non odio harum
+      quaerat saepe itaque cupiditate consectetur accusamus laboriosam dolor,
+      ipsum eveniet?
+    </p>
+  </div>
+
+  <div class="content2">
+    <h1>Goes</h1>
+    <p>
+      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui nam
+      doloribus rerum quia recusandae culpa praesentium adipisci non odio harum
+      quaerat saepe itaque cupiditate consectetur accusamus laboriosam dolor,
+      ipsum eveniet?
+    </p>
+  </div>
+
+  <div class="content3">
+    <h1>Here</h1>
+    <p>
+      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui nam
+      doloribus rerum quia recusandae culpa praesentium adipisci non odio harum
+      quaerat saepe itaque cupiditate consectetur accusamus laboriosam dolor,
+      ipsum eveniet?
+    </p>
+  </div>
+</div>
+
+<style>
+  .container {
+    display: flex;
+    justify-content: center;
+    margin: 10px;
+    width: screen;
+  }
+
+  .content1 {
+    padding: 10px 20px;
+    background: yellow;
+    min-width: 30%;
+  }
+
+  .content2 {
+    padding: 10px 20px;
+    background: pink;
+    min-width: 20%;
+  }
+
+  .content3 {
+    padding: 10px 20px;
+    background: cyan;
+    min-width: 30%;
+  }
+</style>