andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Format files

Browse Source
This commit is contained in:
Panayiotis Lipiridis
2018-03-06 23:29:28 +02:00
parent 5769f32968
commit 4a4d249697
4 changed files with 756 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
snippets/grid-layout.md
View File

@ -19,25 +19,25 @@ Basic website layout using `grid`.
```css
.grid-layout {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
"sidebar header header"
"sidebar content content"
"sidebar footer footer";
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
'sidebar header header'
'sidebar content content'
'sidebar footer footer';
}
.sidebar {
grid-area: sidebar;
grid-area: sidebar;
}
.content {
grid-area: content;
grid-area: content;
}
.header {
grid-area: header;
grid-area: header;
}
.footer {
grid-area: footer;
grid-area: footer;
}
```
@ -102,4 +102,4 @@ Basic website layout using `grid`.
* https://caniuse.com/#feat=css-grid
<!-- tags: layout -->
<!-- tags: layout -->