{{ attach_library('ui_patterns/jc_split.jc_split_lib') }}

<div id="jc_split" class="mt-4 row">
  <div class="col-md-4 order-lg-1 order-md-1 order-1">
    {{ pattern_preview('jc_summary') }}
  </div>
  <div class="col-md-4 order-lg-2 order-md-2 order-3">
    {{ pattern_preview('live_update') }}
  </div>
  <div class="col-md-4 order-lg-3 order-md-3 order-4">
    {{ pattern_preview('summary_buttons') }}
  </div>
  <div class="col-md-12 order-lg-4 order-md-4 order-2">
    {{ pattern_preview('jc_updates') }}
  </div>
</div>
