@layer master { .templateCollection { } } @layer master { .templateCollection.collectionPerson { &.single { .container { align-items: center; .media { @media (min-width: 56em) { grid-column: span 4; } @media (--min-fablet) { grid-column: span 4; } } .inner { @media (min-width: 56em) { grid-column: 6 / span 6; } @media (--min-fablet) { grid-column: 6 / span 6; } } } } } }