Snippets: Sample Total Grid With HTML

// NOTES
* Use the col-1 class to clear floats. So if you make a 4 column grid this class should be added every 4th item.
* Use the clr class to clear inner floats - best to add to all divs.
* Use the 'nr-col' class on the 'wpex-row' to make a grid NON-responsive
* Use the 'gap-*' class for your spacing between columns default is 20px using 'wpex-row gap-40' would create 40px spacing between columns

// HTML EXAMPLE
<div class="wpex-row clr">
  <div class="col span_1_of_2 col-1 clr">COLUMN 1</div>
  <div class="col span_1_of_2 clr">COLUMN 2</div>
</div>

// EXAMPLE IN LOOP
<div class="wpex-row clr">

	<?php
	// Columns number
	$columns = 2;
	
	// Define counter variable
	$count = 0;

	// Your loop
	while ( have_posts() ) : the_post();

		// Add to counter
		$count++; ?>

			<div class="col span_1_of_<?php echo $columns; ?> col-<?php echo $count; ?> clr">
				YOUR ENTRY CONTENT
			</div>

		<?php
		// Reset counter
		if ( $count == $columns ) {
			$count = 0;
		}

	endwhile; ?>

</div>