Grid System

34 Responsive Grid System

34Grid is a Responsive Grid System based on “equally distributed columns” layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions) Preview and Download:

Profound Grid – Responsive Grid System For Fixed and Fluid Layouts

Profound Grid is a responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control. Features: Responsive – Make the grid fluid or fixed and add per-media layouts as needed. Change the column and gutter widths and remove or add columns as needed. Semantic – The grid keeps your markup semantic and works without any “grid_x” classes. Unless you want to use them, in which case they are included. Precise – Profound Grid uses negative margins to calculate columns. Unlike with other grid systems, fluid layouts will look exactly the same in every

Mueller – Modular Grid System

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries. MODULES MEDIA – One default grid and (if needed) different per–media grids (e.g. large, tablet, handheld). LAYOUTS – Extend your media–grids to pre–defined layouts (e.g. a 2-column layout with switched columns). FRACTIONS – On top of grids and layouts, add fractional classes (e.g. all-half, all-thirds, all-1of3). TEMPLATES – The semantic way — add templates instead of using presentational classes in your markup. Preview and Download:

One% CSS Grid – 12 Columns Fluid CSS Grid System

One% CSS Grid is a 12 column fluid CSS grid system. It’s been designed as a base for building responsive web layouts easily, quickly and with minimum effort. You don’t have to take care of resizing and rearanging your layout for each platform separatelly. One% CSS Grid will do all this for you. One% CSS Grid is a percentage based grid system, it means that it will perfectly adapt to all screen resolutions (mobile, tablets and big screens). One% CSS Grid has 2 starting options, one which fits 1280px screens (in full screen view) and another one which fits 1024px