.discourse-patrons-section-columns { display: flex; justify-content: space-between; @include breakpoint(medium) { flex-direction: column; } .section-column { min-width: calc(50% - 0.5em); max-width: 100%; &:last-child { margin-left: 0.5em; } &:first-child { margin-right: 0.5em; } @include breakpoint(medium) { min-width: 100%; &:last-child { order: 2; } &:first-child { order: 1; } } } }