gridmest

1.1.0 • Public • Published

gridmest | CSS Framework

Author : Ahmet Baki Memiş

npm install gridmest

Download (.zip)

CDN

https://cdn.jsdelivr.net/npm/gridmest/css/gridmest.css

https://cdn.jsdelivr.net/npm/gridmest/css/gridmest.min.css

Or

https://unpkg.com/gridmest/css/gridmest.css

https://unpkg.com/gridmest/css/gridmest.min.css

Usage

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/gridmest/css/gridmest.min.css">

Or

<link rel="stylesheet" type="text/css" href="https://unpkg.com/gridmest/css/gridmest.min.css">

.ns-col- (extra small devices - screen width less than 576px)

.ns-col-sm- (small devices - screen width equal to or greater than 576px)

.ns-col-md- (medium devices - screen width equal to or greater than 768px)

.ns-col-lg- (large devices - screen width equal to or greater than 992px)

.ns-col-xl- (xlarge devices - screen width equal to or greater than 1200px)

Example


<div class="ns-container">
  <div class="ns-row">
    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>

    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>
    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>

    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>
    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>

    <div class="ns-col-lg-6 ns-col-md-6 ns-col-12">ns-col</div>
    <div class="ns-col-lg-2 ns-col-md-2 ns-col-12">ns-col</div>
    <div class="ns-col-lg-10 ns-col-md-10 ns-col-12">ns-col</div>
  </div>
</div>

Package Sidebar

Install

npm i gridmest

Weekly Downloads

7

Version

1.1.0

License

MIT

Unpacked Size

39.9 kB

Total Files

5

Last publish

Collaborators

  • mestoness