Fxgrid NPM | npm.io

fxgrid

A simple CSS grid system based on flexbox.

fxgrid only include basic grid functionality. That's mean there is no offset, alignment, and reordering features like other flexbox system do.

Install

Installation method available:

Download the latest release
Install via npm npm i fxgrid or use yarn yarn add fxgrid
Via CDN using unpkg

Example Usage

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>fxgrid start!</title>
    <link rel="stylesheet" href="https://unpkg.com/fxgrid@latest">
  </head>
  <body>
    <div class="row">
      <div class="col" sm="6" md="4" lg="3">...</div>
      <div class="col" sm="6" md="4" lg="3">...</div>
      <div class="col" sm="6" md="4" lg="3">...</div>
      <div class="col" sm="6" md="4" lg="3">...</div>
    </div>
  </body>
</html>

flexbox scss grid

@infinitebrahmanuniverse/nolb-fx @everything-registry/sub-chunk-1714

1.0.0

4 years ago

0.2.0

4 years ago

0.1.0

4 years ago