@layer addon { .templateCollection.collectionPerson { &.single { .media { @media (min-width: 56em) { grid-column: 2 / span 4; } @media (--min-fablet) { grid-column: 2 / span 4; } } .inner { @media (min-width: 56em) { grid-column: 7 / span 5; } @media (--min-fablet) { grid-column: 7 / span 5; } } } } }