gsy-component-library
Version:
reusable components from grid singularity
16 lines (15 loc) • 569 B
CSS
@media screen and (min-width: 600px) {
@supports (display: grid) {
.frontPage {
grid-area: ct;
display: grid;
grid-column-gap: 18px;
grid-row-gap: 20px;
grid-template-columns: repeat(12, minmax(auto, 100px));
grid-template-areas: '. . . hero hero hero hero hero hero . . .' 'int int int int int int int int int int int int' 'confs confs confs confs confs confs confs confs confs confs confs confs'; }
.hero {
grid-area: hero; }
.intro {
grid-area: int; }
.configurations {
grid-area: confs; } } }