SNUG

RESPONSIVE GRID CSS FRAMEWORK

With SNUG, you can make good things every single day.

SNUG GRID SYSTEM

Documentation

GETTING STARTED

Download.

Download latest version.

Include.

<link rel="stylesheet" href="dist/css/snug.min.css" >

or

<link rel="stylesheet" href="//unpkg.com/snug-css@latest/dist/css/snug.min.css" >

or

$ npm install snug-css
<link rel="stylesheet" href=".node_modules/snugcss/dist/css/snug.min.css" >

markup.

<div class="sng-container">
  <div class="sng-rows">
    <div class="column-3">
      // Content
    </div>
    <div class="column-3">
      // Content
    </div>
    <div class="column-3">
      // Content
    </div>
  </div>
</div>

FEATURE

Responsive grid.

SNUGのグリッドはAdobe XDのレイアウトグリッド / Google UI Guideline / Apple Human Interface Guidelineと同じレスポンシブグリッドシステムです。

Snug your project and prototype.

Adobe XDからグリッドを生成。プロトタイプの再現性を高めます。