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

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