How can I target the first item in a view? I have a views page that shows all the latest articles that were posted. I want to show case the latest article in a different div on it's own, and then have my loop with all the other articles.
This is my code for the loop, which is in the node--view.html.twig file -
    &lt;div{{ attributes.addClass('col-4')}}&gt;
      &lt;div class=&quot;news-card&quot;&gt;
        &lt;img src=&quot;{{ file_url(node.field_image.entity.fileuri) }}&quot;&gt;
        &lt;h3&gt;{{ node.label }}&lt;/h3&gt;
        {% set text = content.body|render|striptags %}
        &lt;p&gt;{{ text|length &gt; 100 ? text|slice(0, 120) ~ '...' : text }}&lt;/p&gt;
        &lt;a href=&quot;{{ url }}&quot; class=&quot;btn black-btn&quot;&gt;Read More&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;

and in my views-view-unformatted.html.twig file I have -
&lt;h2&gt;{{ view.getTitle() }}&lt;/h2&gt;
  {% if title %}
      &lt;h3&gt;{{ title }}&lt;/h3&gt;
  {% endif %}
&lt;div class=&quot;row news-row&quot;&gt;
{% for row in rows %}
  {%
    set row_classes = [
      default_row_class,
    ]
  %}
    {{- row.content -}}
  {% endfor %}
&lt;/div&gt;
One possible solution ist to create two views. One for your featured content (only 1 item or as much you want to feature) and the second one for the rest with an offset. You can set the offset under pager options (items to skip).