add gid.css und doku
This commit is contained in:
parent
74b8e3186e
commit
2b27dd037b
13
README.md
13
README.md
@ -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
17
grid.css
Normal 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;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user