Typo3 tx_news multi column template

<!-- select this template for output news in multi column layout -->
    <f:if condition="{settings.templateLayout} == 3">
    <f:then>
        <f:if condition="{settings.hidePagination}">
        <f:then>
          <f:for each="{news}" as="newsItem" iteration="iterator">
        <f:if condition="{iterator.isFirst}">
                <div class="row">
        </f:if>
		<!-- I want only 2 articles on a row change this part -->
        <f:if condition="{iterator.cycle} % 2">
                <f:then>
                        <div class="small-12 medium-3 large-3 columns">
                                <f:render partial="List/Item" arguments="{newsItem: newsItem, settings:settings, iterator:iterator}"/>
                        </div>
                </f:then>

                <f:else>
                        <div class="small-12 medium-3 large-3 columns">
                                <f:render partial="List/Item" arguments="{newsItem: newsItem, settings:settings, iterator:iterator}"/>
                        </div>

                        <f:if condition="{iterator.isLast}">
                                <f:then></f:then>
                                <f:else>
                                        </div><div class="row">
                                </f:else>
                        </f:if>
                </f:else>
        </f:if>

        <f:if condition="{iterator.isLast}">
                </div>
        </f:if>
</f:for>
	  </f:then>
        <f:else>
          <n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}" initial="{offset:settings.offset,limit:settings.limit}">
              <f:for each="{paginatedNews}" as="newsItem" iteration="iterator">
                 <f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
              </f:for>
            </n:widget.paginate>
        </f:else>
        </f:if>

    </f:then>
    </f:if>


The output in HTML:

<div class="news">
<!-- if template selected use this 3 multi kolomn layout -->
<!--
	=====================
		Partials/List/Item.html
-->
<div class="article articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article">
	<!-- header -->
	<div class="header">		</div>

</div>
<!--
	=====================
		Partials/List/Item.html
-->
<div class="article articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article">
	<!-- header -->
	<div class="header">
</div>