<div class="row">
  <div class="col-md-6 exercise-assignment">
    <%= yield :assignment %>
  </div>
  <div class="mu-exercise-content col-md-6 ace-editor-col">
    <%= yield :exercise_content %>
  </div>
</div>

<div class="scroll-pin">
  <%= yield :submission_results %>
  <%= render partial: 'layouts/submission_result_error' %>
</div>

<div class="row">
  <div class="col-lg-6 exercise-assignment">
    <%= yield :assignment %>
  </div>
  <div class="mu-exercise-content col-lg-6 ace-editor-col">
    <%= yield :exercise_content %>
  </div>
</div>

<div class="scroll-pin">
  <%= yield :submission_results %>
  <%= render partial: 'layouts/submission_result_error' %>
</div>

Change md for lg on input_right exercises
Change md for lg on input_right exercises

In Bootstrap 4+ all sizes got bumped up, which makes lg the
equivalent of the old md. While this doesn't make a noticeable
effect on most screens and so I didn't change it, I'm bumping the
input right exercises to lg because md is too narrow in this case.
