8,756
edits
mNo edit summary |
mNo edit summary |
||
Line 4: | Line 4: | ||
display: grid; | display: grid; | ||
grid-template-areas:"a" "b" "c" "d" "e"; | grid-template-areas:"a" "b" "c" "d" "e"; | ||
grid-template-columns: 100% | grid-template-columns: 100%; | ||
} | } | ||
.fplinks { | |||
align-items:start; | |||
} | |||
@media screen and (min-width: 1050px) { | @media screen and (min-width: 1050px) { | ||
#fp-2flex.fp-container { | #fp-2flex.fp-container { | ||
Line 12: | Line 15: | ||
grid-template-columns: 50% 50%; | grid-template-columns: 50% 50%; | ||
grid-template-rows: auto auto 1fr; | grid-template-rows: auto auto 1fr; | ||
} | } | ||
} | } | ||
Line 33: | Line 35: | ||
} | } | ||
#fp- | #fp-main { | ||
grid-area: | grid-area: c; | ||
} | } | ||
#fp- | #fp-miscwiki { | ||
grid-area: | grid-area: b; | ||
} | } | ||
#fp- | #fp-extlinks { | ||
grid-area: d; | grid-area: d; | ||
} | } | ||
#fp-bottom { | #fp-bottom { | ||
grid-area: e; | grid-area: e; | ||
Line 67: | Line 67: | ||
mask-image: linear-gradient(180deg, #000 75%, transparent); | mask-image: linear-gradient(180deg, #000 75%, transparent); | ||
} | } | ||
--> | --> | ||
<!-- This is a responsive front page design that adapts to the available width | <!-- This is a responsive front page design that adapts to the available width |