960 Grid System logo

960 Grid System

Enables consistent layout with common dimensions for web development across 12 or 16 column variants.

Made by 960GridSystem

  • css-grid-system

  • Web Development

What is 960 Grid System?

The 960 Grid System is a web development framework that provides a pre-defined set of grid dimensions and layout components based on a canvas width of 960 pixels. It offers two distinct grid variants: a 12-column layout and a 16-column layout, which can be used independently or in combination. The system is designed to streamline the web development workflow by establishing a consistent and predictable grid structure that can be easily integrated into both prototyping and production environments. The framework includes a range of supporting resources, such as printable sketch sheets, design layouts, and a CSS file that all adhere to the same measurement specifications, enabling efficient collaboration and rapid iteration throughout the development process

Highlights

  • Grid-based layout with 12 and 16 column variants
  • Consistent 960 pixel canvas width
  • Printable sketch sheets and design layouts
  • Accompanying CSS file with pre-defined measurements
  • Supports both prototyping and production environments

Platforms

  • BSD
  • Online
  • Linux
  • Windows
  • Mac

Languages

  • English

Social

Features

    • CSS Framework