Should I use a “row” class as the basis of a grid in Foundation 6 CSS Framework

207
August 01, 2017, at 8:05 PM

The tutorial here advocates the use of a

<div class="row"></div>

as the basis for building a foundation grid, however the examples here make no reference to it.

What is the correct approach in Foundation 6?

Answer 1

You can use either of them. XY-grid is an alternative for row-cols grid.

XY-grid is more advanced and has more features but is not supported in older browsers. As from docs:

The XY grid is supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4.4+.

To ensure maximum compatibility use row-cols grid.

Rent Charter Buses Company
READ ALSO
js-grid output height restriction issues - Cannot control overflow of output

js-grid output height restriction issues - Cannot control overflow of output

I am currently using js-grid to surface data returned from a database query as part of a web applicationAll features seem to operate as I would like; however, when the data returned leads to the height of the overall grid being greater than that of the parent...

258
How to center 2 rows with flexbox? [duplicate]

How to center 2 rows with flexbox? [duplicate]

This question already has an answer here:

292
CSS Grid auto placement in IE/EDGE

CSS Grid auto placement in IE/EDGE

While using the old CSS grid spec that is supported by IE 11 and EDGEIs it possible for the grid items to be auto placed like the current spec?

322
Getting data to stick around for return statment

Getting data to stick around for return statment

So I have this code to assign data to the vehicles array and the console log is producing the correct result:

246