Looking for a quick and easy way to make responsive layout for your website? flexible.gs (Flexible Grid System) is a free responsive CSS framework that help you to create responsive layout in seconds.
flexible.gs contained 56kb predefined CSS classes for you to add responsive ability to your elements easily. Example like class ‘row’ for 100% width, ‘xl’ for screen size more than 1024 pixels, ‘lg’ for 0-1024px, ‘md’ for 0-768px, ‘sm’ for 0-568px, ‘xs’ for 0-320px.
Its abit confusing from the official demos and documentation, I will explain it to you. What is the meaning of ‘md-8-6’? md is for device screen size 0-768px , 8 is maximum columns, 6 is how many columns you want it to be filled. So finally md-8-6 is filling 75% width (md-2-1 for 50% width).
Thanks Dogukan Guven Nomak who created this useful Flexible grid CSS framework for free.
flexible.gs is released under MIT license.
Source: Read more about flexible.gs