From 2b27dd037bcd836c43a8f9d16e6995aa6698143a Mon Sep 17 00:00:00 2001
From: troy <git@seemsleg.it>
Date: Sat, 7 Aug 2021 22:13:50 +0200
Subject: [PATCH] add gid.css und doku

---
 README.md | 13 +++++++++++++
 grid.css  | 17 +++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 grid.css

diff --git a/README.md b/README.md
index 79e4bf3..144d4ec 100644
--- a/README.md
+++ b/README.md
@@ -215,4 +215,17 @@ Heading
 ```
 <script src="/cssjs/feedback.js">
 ... onclick="return ajaxFeedback(this,'ajax.php','margin-top:300px;');" ...
+```
+
+## grid divs in mehreren reihen
+```
+<link href="/cssjs/grid.css" rel="stylesheet">
+
+...
+
+<div class="grid-container">
+  <section>...</section>
+  <section>...</section>
+  <section>...</section>
+</div>
 ```
\ No newline at end of file
diff --git a/grid.css b/grid.css
new file mode 100644
index 0000000..b51b3d5
--- /dev/null
+++ b/grid.css
@@ -0,0 +1,17 @@
+.grid-container {
+  columns: 2 500px;
+  column-gap: 30px;
+  margin: 0 auto;
+}
+
+.grid-container>section {
+    width: 150px;
+    margin: 0 1.5rem 1.5rem 0;
+    display: inline-block;
+    width: 100%;
+    border: solid 2px black;
+    padding: 5px;
+    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
+    border-radius: 5px;
+    transition: all 0.25s ease-in-out;
+}
\ No newline at end of file