298
edits
No edit summary |
(fix css) |
||
Line 2: | Line 2: | ||
#fp-2flex.fp-container { | #fp-2flex.fp-container { | ||
display: grid; | |||
grid-template-areas:"a" "b" "c" "d" "e"; | |||
grid-template-columns: 100% | |||
} | } | ||
@media screen and (min-width: 1050px) { | @media screen and (min-width: 1050px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas: "c a" "c b" "c d" "e e"; | |||
grid-template-columns: 50% 50%; | |||
grid-template-rows: auto auto 1fr; | |||
} | |||
} | } | ||
@media screen and (min-width: 1565px) { | @media screen and (min-width: 1565px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas:"a b" "c b" "c d" "e e"; | |||
grid-template-columns: 800px auto | |||
} | |||
} | } | ||
@media screen and (min-width: 1820px) { | @media screen and (min-width: 1820px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas:"a b" "c b" "c d" "e e"; | |||
grid-template-columns: auto 520px | |||
} | |||
} | } | ||
#fp-welcome { | #fp-welcome { | ||
grid-area: a; | |||
} | } | ||
#fp-extlinks { | #fp-extlinks { | ||
grid-area: b; | |||
} | } | ||
#fp-middle { | #fp-middle { | ||
grid-area: c; | |||
} | } | ||
#fp-bottomflex { | #fp-bottomflex { | ||
grid-area: d; | |||
align-content: flex-start; | |||
} | } | ||
#fp-bottom { | #fp-bottom { | ||
grid-area: e; | |||
} | } | ||
.fplink-outer { | .fplink-outer { | ||
padding: 5px; | |||
flex-basis: calc(12.5% - 10px); | |||
width: calc(12.5% - 15px); | |||
min-width: 115px; | |||
display: inline-block; | |||
align-items: flex-start; | |||
vertical-align: middle; | |||
} | |||
.fp-patchnotes { | |||
padding: 10px; | |||
} | |||
--> | --> |