Template:Home grid/styles.css: Difference between revisions
From WikiMSK
(Created page with ".item1 { grid-area: header; } .item2 { grid-area: skeleton; } .item3 { grid-area: intro; } .item4 { grid-area: portals; } .item5 { grid-area: join; } .item6 { grid-area: news;...") |
No edit summary |
||
Line 13: | Line 13: | ||
'header header header header header header' | 'header header header header header header' | ||
'intro intro intro portals portals skeleton' | 'intro intro intro portals portals skeleton' | ||
'join join join | 'join join join join news skeleton' | ||
'featured featured whats-new whats-new whats-new whats-new'; | 'featured featured whats-new whats-new whats-new whats-new'; | ||
grid-gap: 10px; | grid-gap: 10px; | ||
Line 21: | Line 21: | ||
.grid-container > div { | .grid-container > div { | ||
padding: 10px 0; | |||
padding: | |||
} | } |
Revision as of 07:12, 1 May 2021
.item1 { grid-area: header; }
.item2 { grid-area: skeleton; }
.item3 { grid-area: intro; }
.item4 { grid-area: portals; }
.item5 { grid-area: join; }
.item6 { grid-area: news; }
.item7 { grid-area: featured; }
.item8 { grid-area: whats-new; }
.grid-container {
display: grid;
grid-template-areas:
'header header header header header header'
'intro intro intro portals portals skeleton'
'join join join join news skeleton'
'featured featured whats-new whats-new whats-new whats-new';
grid-gap: 10px;
background-color: #2196F3;
padding: 10px;
}
.grid-container > div {
padding: 10px 0;
}