Menu icon Foundation
Fullwidth columns each in a row?

I was wondering, what is the correct way to build a block for example a news block: title header with items underneath (thumb, title, date, excerpt..) Should i create a row for each line (title, date..) or just 1 row with multiple 12 width large cols... or 1 col width just a h1 and paragraph in it (for example..) ?

example with rows for every item: http://www.chimneygroup.com/news?pos=927.

thnx!

Rowscolumns

I was wondering, what is the correct way to build a block for example a news block: title header with items underneath (thumb, title, date, excerpt..) Should i create a row for each line (title, date..) or just 1 row with multiple 12 width large cols... or 1 col width just a h1 and paragraph in it (for example..) ?

example with rows for every item: http://www.chimneygroup.com/news?pos=927.

thnx!

Brandon Arnold over 4 years ago

Yeah thats probably a bit of an overkill. h2 and ps are block level, so they'll work the same as a row and columns would.

I'd code it like this
http://codepen.io/zurbrandon/pen/EjVdRq

david over 4 years ago

thnx for your thoughts! the only thing i can think of is that the use of cols/row may be more controllable in a responsive way..

Brandon Arnold over 4 years ago

Yeah, but it doesn't look like you'd need to control the width based on screen size for those elements. Either way will work, but one uses much less code, which will help scannability for other devs in the future.