Atomic Bulldog grid is the grid used in the Atomic Bulldog. CSS Grid (SCSS), is based on a CSS grid layout with @support to flexbox support.

Atomic Bulldog is a standard Scss (Sass) based on atomic design methodology. Integrates Node KSS to automatically create a live style guide/style library.

How to make use of it:

Add the main style sheet and backup CSS files to the web page.

<link rel="stylesheet" href="/path/to/atomic-bulldog-grid.css">
<link rel="stylesheet" href="/path/to/atomic-bulldog-grid-fallback.css">
<link rel="stylesheet" href="/path/to/atomic-bulldog-grid-fallback-ie.css">

The basic HTML structure for creating a grid layout.

<div class="grid">
  <div>
      <div class="example--item">
          <p>Item 1</p>
      </div>
  </div>
  <div>
      <div class="example--item">
          <p>Item 2</p>
      </div>
  </div>
  <div>
      <div class="example--item">
          <p>Item 3</p>
      </div>
  </div>
  ...
</div>

css(scss) grid layout library, atomic bulldog grid layout Plugin/Github

See Demo And Download

Official Website(vinceumo): Click Here

This superior jQuery/javascript plugin is developed by vinceumo. For extra advanced usage, please go to the official website.