AppendAround: A Responsive Markup Pattern

This pattern allows you to control where an element should be in the DOM by setting one of its potential parent containers (paired in the source with matching data-set attributes) to display: block at a particular breakpoint.

Sample appendAround Element