NVS FlexGrid

A responsive and flexible grid system designed for modern web applications.

Overview

NVS FlexGrid allows you to create consistent and adaptive layouts across different screen sizes using a Bootstrap-like breakpoint system.

info

This grid system is built on Flexbox technology and delivers excellent performance in modern browsers.

Features

✅ 12-column flexible grid system
✅ 6 different responsive breakpoints (xs, sm, md, lg, xl, xxl)
✅ Modern Flexbox-based approach
✅ Support for justify-content and align-items
✅ Container systems (fixed-width and fluid)
✅ Minimal and clean CSS output

Installation

1. Install via NPM

npm i nvs-flexgrid

2. Start Using in HTML

index.html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="dist/nvs-flexgrid.css" />
  </head>
  <body>
    <div class="nvs-container">
      <div class="nvs-row">
        <div class="nvs-col-12">
          <h1>Get Started with NVS FlexGrid!</h1>
        </div>
      </div>
    </div>
  </body>
</html>

Browser Support

Browser	Version
Chrome	29+
Firefox	28+
Safari	9+
Edge	12+
IE	11 (kısmi)

Internet Explorer

Some modern Flexbox features may not be fully supported in IE11. Testing is recommended for critical projects.

Overview​

Features​

Installation​

1. Install via NPM​

2. Start Using in HTML​

Browser Support​