mestoness/gridMest

a CSS grid system

gridmest | CSS Framework

Author : Ahmet Baki Memiş

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">

Usage Notes

.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>