Handy way to output a different layout for every other item

razor - every other

@{
    int rowCounter = 0;
}
<div>
   
    @foreach(var e in (List)) {
var Content = e.Content;

		rowCounter = rowCounter +1;
	
       if (rowCounter  % 2 == 0)
        {
            <div class="media"> <div class="media-left"><img alt="@Content.Title" class="media-object" src="@Content.Picture" /></div>

<div class="media-body"> <h4 class="media-heading">@Content.Title@Content.Toolbar</h4>@Html.Raw(Content.Text)</div> </div>         
      }
        else {
           <div class="media"><div class="media-body"> <h4 class="media-heading">@Content.Title@Content.Toolbar</h4>@Html.Raw(Content.Text)</div> <div class="media-right"><img alt="@Content.Title" class="media-object" src="@Content.Picture" /></div>

 </div> 
        }

    }
</div>