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 fxgridor use yarnyarn 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>