<div class="np-learning-path-outline training-session-lp">
  <div class="session_lock">
    {%include "learning_path_training_session_locked"%}
  </div>
  <div class="session_unlock">
    {%include "learning_path_training_session_unlocked"%}
  </div>
</div>
<div class="np-learning-path-outline">
  {% for item in learning_path.items %}
    {% if item.course? %}
      {% include "learning_path_course", course: item %}
    {% endif %}
  {% endfor %}
</div>

<style>
  .session_unlock {
    display: flex;
    flex-direction: column;
  }
  .session_lock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
</style>