.sfgov-container-two-column, .sfgov-container-three-column {
flex-direction: column; display: flex; flex-wrap: wrap; @media screen and (min-width: $mq-narrow) { flex-direction: row; } > div { width: 100%; margin-bottom: $rhythm; @media screen and (min-width: $mq-narrow) { display: flex; align-items: stretch; > * { margin-right: $rhythm * 2; width: 100%; } } }
}
@media screen and (min-width: $mq-narrow) {
.sfgov-container-two-column > div { width: 50%; &:nth-child(2n+2) > * { margin-right: 0; } } .sfgov-container-three-column > div { width: 33.33%; &:nth-child(3n+3) > * { margin-right: 0; } }
}