.list { margin: 2rem 0; .item{ padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-color); @include transition() {} @include respond-to("medium") { &:nth-child(2n) { background-color: var(--default-color); } } @include respond-to("medium-up") { border-left: 1px solid var(--border-color); &:first-child, &:nth-child(2) { border-top: 1px solid var(--border-color); } &:nth-child(2n), &:last-child { border-right: 1px solid var(--border-color); margin-right: -1px; } } .title { font-weight: 800; font-size: 1.4rem; } .grid { margin-top: 0.75rem; } img { border: 2px solid var(--font-color); max-width: 90%; } } }