add gid.css und doku

This commit is contained in:
troy 2021-08-07 22:13:50 +02:00
parent 74b8e3186e
commit 2b27dd037b
2 changed files with 30 additions and 0 deletions

View File

@ -215,4 +215,17 @@ Heading
``` ```
<script src="/cssjs/feedback.js"> <script src="/cssjs/feedback.js">
... onclick="return ajaxFeedback(this,'ajax.php','margin-top:300px;');" ... ... 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>
``` ```

17
grid.css Normal file
View File

@ -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;
}