Stretch is a super simple responsive CSS grid system. For now, it is a 12 column grid that can have any gutter size you want. Columns can be pushed and pulled to make manoeuvring content really easy and breakpoints can be customised. The naming of classes is readable and easy to understand.Columns can be specified differently for three devices sizes.

Stretch can be implemented in two ways:

  • Use the stretch.scss stylesheet in this repository and compile it to CSS. This is the best way to create a customised version of Stretch
  • Or, link the stretch.css file in your HTML document’s head
  • css-grid-framework

    [gpp_button color=”blue” url=”http://dingledow.github.io/stretch-css/” title=”Responsive CSS Grid System Framework” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Stretch CSS[/gpp_button]

    [gpp_button color=”black” url=”https://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]