BoomQueries is our take on element queries. No extra html markup. No html / css coupling. Just JavaScript.

<!-- Include BoomQueries Script -->
<script src="js/boomqueries.js"></script>

<!-- Register elements with BoomQueries - pass breakpoints and modifier class names -->
<script>
  boomQueries.add(".element", [[480, "element--md"],[600, "element--lg"],[700, "element--xlg"]]);
  boomQueries.add(".element2", [[520, "element2--md"],[680, "element2--lg"]]);
</script>
View it on GitHub

Column

.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2

Column

.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2
.element
.element2