A simple, flexible & responsive CSS grid system
Switch branches/tags
Nothing to show
Clone or download
Jonathan MirCha Jonathan MirCha
Jonathan MirCha and Jonathan MirCha Responsimple v1.0.1
Latest commit a9c94cc Nov 6, 2015

README.md

Responsimple

Responsimple v1.0.1

A simple, flexible & responsive CSS grid system

What is?

Responsimple is a mobile first's grid system written 100% pure CSS code with awesome features

Features

  • A Simple Reset inspired by
  • Structure based on Containers & Items
  • 2 Types of Containers:
    1. Container with page's width, use .container-full
    2. Container with 1200px's maximum width, use .container
  • A Mobile First Grid System with 12 Columns & 4 Media Queries Sizes:
    1. Phones < (30em or 480px) use .ph1 to .ph12
    2. Small Devices < (48em or 768px) use .sm1 to .sm12
    3. Medium Devices < (64em or 1024px) use .md1 to .md12
    4. Large Devices > (64em or 1024px) use .lg1 to .lg12
  • Layout's Multiple Techniques
    1. Floats
    2. Display inline-block
    3. Flexbox
  • Additional Features:
    • Vertical & Horizontal Alignments
    • Font Sizes
    • Margins & Paddings
    • Borders & Displays

###Download or Install:

Official Site

Responsimple is a project by @jonmircha