<div class="">
{# easer-row should only contain 4 teasers
teasers are displayed with scrollbar mobile
#}
<div class="row scrolling-row">
{% for item in items %}
<div class="col-md-2 col-5 scrolling-row__item">
{{ include('Includes/Teaser/img-teaser.html.twig', {
"title": item.title|default(''),
"href": item.href|default(''),
"image": item.image|default(null),
"badgeText": item.badgeText|default(''),
"isInNav": item.isInNav|default(false),
"isSearchTeaser": item.isSearchTeaser|default(false),
"ratio": item.ratio|default(null),
"styleModifier": '',
}) }}
</div>
{% endfor %}
<div class="col-md-2 col-5 scrolling-row__item">
{{ include('Includes/Teaser/simple-text-snippet.html.twig', {
isSmall: true,
hasImage: textSnippet.hasImage,
text: textSnippet.text,
button: textSnippet.button,
color: "default"
}) }}
</div>
</div>
</div>