Okay, So I am attempting to display some info pull from a db I am using php to do so and then just echo to display this using pro elements. however they display funny.
http://easyeat.me/recipes/
Here is my code - the desired output is for three columns in a masenry style so they can all be slightly bigger or smaller than eachother and the columns will still line up.
echo'<div class="e326-15 x-column x-sm x-1-3">
<img class="recipe_img" src="'.$RecipieImage.'" width="640" height="480">
<div class="item-meta-box">
<span><i class="fa fa-clock"></i> 10 mins</span>
<span><i class="fa fa-utensil-spoon"></i> 2 Yield</span>
<span><i class="fa fa-comments"></i> 2 comments</span>
</div>
<div class="e326-18 x-text x-text-headline">
<span class="x-text-content"><span class="x-text-content-text"><h1 class="x-text-content-text-primary">'.$RecipieName.'</h1></span></span>
</div>
<div class="e326-19 x-text">'.$RecipieDescription.'</div>
<a class="e326-20 x-anchor x-anchor-button" tabindex="0" href="view-recipe/?id='.$RecipeID.'"><span class="x-anchor-content"><span class="x-anchor-text"><span class="x-anchor-text-primary">View recipe</span></span></span></a>
</div>';