<div class="np-learning-paths-resources row">
  {% if items.any? %}
    {% for learning_path in items %}
      {% include "cards_learning_path" with learning_path %}
    {% endfor %}
  {% else %}
    <div class="np-learning-paths-resources-container">
      <div class="np-zero-state-text">
        {% t .empty %}
      </div>
      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
    </div>
  {% endif %}
</div>

<style>
  @media screen and (min-width: 678px){
    .np-learning-paths-resources-container{
      width: 100%;
    }
  }
</style>