HI All,

Im sure this has probably been asked before, I'm trying to get my gateway links to line up on the home page. At the moment they look like this:

Here is the template code:

<section class="campaign-wrapper">
      <ul class="grid-row">
          @foreach (var page in Model.Content.Children.Where(c => c.DocumentTypeAlias == "content").OrderBy("SortOrder"))
          {
              if (page.GetPropertyValue("rolldownTitle") != "")
              {  
              <li class="column-third">
                    <a href="@page.Url">
                    @if(page.HasValue("rolldownImage")){
                        var mediaItem = Umbraco.TypedMedia(page.GetPropertyValue("rolldownImage")); 
                        <img src="@mediaItem.GetPropertyValue("umbracoFile")" alt="@mediaItem.GetPropertyValue("Name")" class="img-full" />    
                    }
                    else
                    {
                        <img class="img-responsive" src="images/thumb.jpg" alt="post image">
                    }
                    <h3 class="link-img-title">@page.GetPropertyValue("rolldownTitle")</h3>
                    </a>
                                        <p class="desc">@page.GetPropertyValue("rolldownSummary")</p>
                    <a href="@page.Url" class="button-side">@page.GetPropertyValue("rolldownButtonText")</a>
                  </li>
            }
          }
      </ul>

And the CSS:

 .campaign-wrapper .column-third {  margin-bottom: 30px;min-height:400px;}

.campaign-wrapper .column-third .button-side { color: white !important; vertical-align:bottom;}

.campaign-wrapper .column-third .link-img-title { color: #005ea5; font-weight: 900; margin-bottom: 5px; text-decoration: underline; }

.campaign-wrapper .column-third .date { display: block; font-size: 15px; margin-bottom: 20px; }

.campaign-wrapper .column-third .desc { font-size: 17px; vertical-align:bottom;}

.campaign-wrapper .column-third .group { margin-top: 30px; }

Please let me know what I'm doing wrong!

thanks in advance

Daren