title: Foreach output into two columns cshtml
body: <p>My current code displays the output in one column ... I would like for it to display the output in two column. should I use something like flex grid or is there another way?</p>
  
  <pre><code>&lt;div class="col-12 box-container"&gt;
       &lt;div class="col-6"&gt;
         @foreach (var s in Model.StatusVM
         .Where(a =&gt; a.subHtmlID == x.HtmlID)
         .OrderBy(a =&gt; a.IDName)
         .ThenBy(a =&gt; a.SortOrder)
         .ThenBy(a =&gt; a.HID))
         {
             @Html.Partial("_MusicRow", s)
         }
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the current output looks like this...</p>
  
  <pre><code>item 1
  item 2
  item 3
  item 4
  
  &lt;div class="col-12 box-container"&gt;
       &lt;div class="col-6"&gt;
        &lt;a class="status-row" href="#"&gt;item 1&lt;/a&gt;
        &lt;a class="status-row" href="#"&gt;item 2&lt;/a&gt;
        &lt;a class="status-row" href="#"&gt;item 3&lt;/a&gt;
        &lt;a class="status-row" href="#"&gt;item 4&lt;/a&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>trying to achieve</p>
  
  <pre><code>item 1   item 2
  item 3   item 4
  </code></pre>