{% assign learning_paths_counter = 0 %}

{% if items.any? %}
  {% for learning_path in items %}
    {% assign learning_paths_counter = learning_paths_counter | plus: 1 %}
  {% endfor %}
{% endif %}

<div class="row">
  {% if items.any? %}
    {% for learning_path in items %}
      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
          {% include "cards_learning_path" with learning_path %}
      </div>
    {% endfor %}
    {% if learning_paths_counter < 3 %}
      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
        {% include "learning_path_zero_state" %}
      </div>
      {% endif %}
    {% else %}
    <div class="zero-state-wrapper">
      {% include "learning_path_zero_state" %}
    </div>
    {% endif %}
</div>

<style>
  .zero-state-wrapper {
    width: 100%;
    height: 250px;
  }
</style>
