How to use (css) grid columns and rows in content files?


this is a very common problem, however I could not find any hints in the docs.

How can one write content files that use columns and rows of a grid?
The grid, of course, is generated by some kind of css framework, lets say Foundation 6.
Lets assume a simple layout with content on the left, a picture on the right and multiple rows:

text | picture
text | picture
text | picture

How to write files in the content directory to reflect that structure?
Mind: this is not about a listing of several content pages - the columns and rows are part of single content pages.

Is there any way to achieve this?


Assuming you want a Foundation grid of some kind, to show up inside your content file, just type in a <div> with whatever classes you need to make the grid, from within a content file.