Foundation CSS Float Grid Importing

Foundation CSS is an open-source and responsive front-end framework built by the ZURB foundation in September 2011, that makes it easy to layout stunning responsive websites, apps, and emails that appear amazing and can be accessible to any device.

The Float Grid system is a 12-column grid system based on flexbox.

Importing:  We need to some changes to the CDN link of the foundation. In the CDN link replace "foundation-float.css" in place of "foundation.css"

 

CDN Link:

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation- float.min.css">

Example 1: The following code demonstrates an example of float grid importing.

Output:

👁 Image

Example 2: The following code demonstrates another example of float grid importing.

Output:

👁 Image

Reference: https://get.foundation/sites/docs/grid.html