Nattily Polished Marbles

    simple-css-grid

    1.7.0 • Public • Published

    Simple CSS Grid

    A simple Flexbox based grid system for CSS.

    Install

    npm

    npm install simple-css-grid

    Then import into your sass using @import '~simple-css-grid/scss/simple-grid';

    Usage

    Documentation coming soon. In the meantime, this works pretty similarly to Bootstrap 4's grid system. E.g.:

    <div class="container">
        <div class="row">
            <div class="col-6"> I'm a half width sized column </div>
            <div class="col-3 col-md-6"> I'm a quarter width sized column, but I'll be half width on 768px+ displays. </div>
            <div class="col-3"> I'm a quarter width sized column </div>
        </div>
    </div>

    Browser support

    IE / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari iOS SafariiOS Safari OperaOpera
    IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

    Licence

    Copyright 2019 Juicy Media Ltd. Code released under the MIT License.

    Install

    npm i simple-css-grid

    DownloadsWeekly Downloads

    91

    Version

    1.7.0

    License

    MIT

    Unpacked Size

    25.6 kB

    Total Files

    9

    Last publish

    Collaborators

    • danielhartuk
    • pkdavies