Responsive HTML5 CSS Grid

Welcome to the top rated responsive CSS grid, on CodeCanyon.

CSS Grid is a legitimate HTML5, responsive CSS Grid from 1 to eight columns. it really works on iPhone, iPad, Google Android and Windows 8. It also features a Cell Toggle Menu, besides as 3 header options. Take a look at the demo.

Why is that this other to different CSS grids?
There are many grids in the market already, however after engaged on a few responsive web pages, i found so much of them to be slightly advanced for newbies, so I evolved this easy resolution the place builders in any respect levels would be in a position to use it.

Main Features

• 1 to 8 columns
• With or with out column padding
• Easy HTML Setup
• Fastened or Percentage Columns (or combine them)
• Cell Toggle Menu uses CSS3 and Javascript
• 3 header options, sticky, fastened, static.
• Use stack class to mechanically stack columns
• Use CSS3 animate magnificence to animate the transition among columns

Other Options

• Unique Directions
• Retina reveal support
• Works on: iPad, iPhone, HTC, Nokia, Samsung, Sony, LG, Blackerry
• PSD recordsdata integrated for 1024, 768, 480, 320

Examined and compatible with:

• iOS 5, 6, 7, EIGHT+
• Android 2.5+
• Safari FIVE+
• Chrome 27.0+
• IE NINE, 10, 11
• Home Windows 8 (IE 10)

Need some assist?
be happy to get in contact if you have any questions and that i gets again to you as quickly as possible.

Critiques

Updates

------------------------------------------------------------------------ v 1.6 (12 February 2015) * Re-constructed the navigation so it suits inside of header * Wiped Clean up THREE Nav CSS information and added menus at best. * Up To Date cellular toggle menu slide transition * Introduced go back fake; to js/toggle.js to stop page jumping to best * New function introduced: .sticky This makes the nav stick to top after scrolling web page Amended CSS information: css/nav-most sensible.css css/nav-left.css css/nav-right.css js/toggle.js HTML Pages: * Got Rid Of clear div on nav after end of ul ------------------------------------------------------------------------ v 1.FIVE (15 Would Possibly 2014) * Updated Javascript to js/jquery-1.NINE.1.min.js * Stack columns updated, now with 2 options: .stack - Stacks to two columns, less than 768 and 1 column lower than 480 .stack1 - Stacks to one column, lower than 768 * Wiped Clean up CSS * Brought code containers to some pages to show how to use the columns * Changed Toggle Nav so animations are slower and smoother * Re-labored the directions so they are more uncomplicated to follow ------------------------------------------------------------------------ v 1.4 (04 February 2014) * Nav Most Sensible, Mounted + Static, Logo modified to be aligned left, and menu aligned proper * Mounted dropdown on internet model. place:relative; added to ul.navig li on the THREE nav css information ------------------------------------------------------------------------ v 1.3 (18 December 2013) * Toggle Nav, CSS3 Transitions * Toggle Nav, Mounted and Static Position choices * Toggle Nav, Most Sensible, Left and Right choices * Animated transitions for HTML whilst @media adjustments * Up To Date directions and PSD information ------------------------------------------------------------------------ v 1.2 (13 September 2013) * Toggle Nav, simplified code * Toggle Nav, changed to stack on best instead of overlapping content * Stack CSS brought, permitting simple method to stack DIVs for narrow width ------------------------------------------------------------------------ v 1.1 (ELEVEN July 2013) * Toggle Nav Delivered for slender widths ------------------------------------------------------------------------ v 1.0 (14 June 2013) * Released ------------------------------------------------------------------------

This Responsive CSS Grid was developed by means of cssgrid.co.
Available exclusively at CodeCanyon from Envato.

FULL DOWNLOAD