Template:Home grid/styles.css: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
Line 35: | Line 35: | ||
} | } | ||
@media (min-width: | @media (min-width: 1200px) { | ||
.grid-container { | .grid-container { | ||
display: grid; | display: grid; | ||
Line 44: | Line 44: | ||
'portals skeleton' | 'portals skeleton' | ||
'news skeleton' | 'news skeleton' | ||
'join | 'join join' | ||
'featured whats-new' | 'featured whats-new' | ||
} | } |
Revision as of 22:22, 2 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-gap:20px;
grid-template-areas:
'header'
'intro'
'portals'
'skeleton'
'join'
'news'
'featured'
'whats-new'
}
@media (min-width: 1000px) {
.grid-container {
display: grid;
grid-gap:20px;
grid-template-areas:
'header header'
'intro skeleton'
'portals skeleton'
'join news'
'featured whats-new'
}
}
@media (min-width: 1200px) {
.grid-container {
display: grid;
grid-gap:20px;
grid-template-areas:
'header header '
'intro skeleton'
'portals skeleton'
'news skeleton'
'join join'
'featured whats-new'
}
}
.thumb{
border: none!important;
background: none!important;
}
.gallery.mw-gallery-traditional {
padding: 0rem!important;
}
.gallery.mw-gallery-traditional {
display: flex;
flex-direction: row;
justify-content: center;
}
#footer-info-credits{
display:none!important;
}