Wondering what’s next for npm?Check out our public roadmap! »

    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>

    Install

    npm i gridmest

    DownloadsWeekly Downloads

    8

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    39.9 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar