Menu icon Foundation
So many markup to shrink block... Am i wrong?

How to shrink the page block right?

Can this code be simpler? So many nested DIVs: row>column>row>column,column,column.... Maybe, offsets can be achieved without so deep structure?

<div class="row collapse">
  				<div class="large-centered medium-centered large-8 medium-8 small-12 columns">
  					<div class="row">
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  					</div>
  				</div>
  			</div>

gridcolumnsnestedcentering

How to shrink the page block right?

Can this code be simpler? So many nested DIVs: row>column>row>column,column,column.... Maybe, offsets can be achieved without so deep structure?

<div class="row collapse">
  				<div class="large-centered medium-centered large-8 medium-8 small-12 columns">
  					<div class="row">
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  						<div class="large-4 small-4 columns ts1"><img src="//dummyimage.com/210x110" alt=""></div>
  					</div>
  				</div>
  			</div>
Ryan McCready about 3 years ago

Hi Sasha,

You can actually combine a row and a column if you're using one column. 

<div class="row column">

You can also use a block grid in the same element to make this much simpler: http://codepen.io/RyanM2088/pen/qqdqGo?editors=1100