UNPKG

css-grid-grid

Version:

This is a css-grid grid. It will be a collection of mixins to create youur own grid

73 lines (59 loc) 2 kB
<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>css grid grid</title> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <!-- Place favicon.ico in the root directory --> <!-- build:css styles/vendor.css --> <!-- bower:css --> <!-- endbower --> <!-- endbuild --> <!-- build:css styles/main.css --> <link rel="stylesheet" href="styles/main.css"> <!-- endbuild --> <!-- build:js scripts/vendor/modernizr.js --> <script src="/bower_components/modernizr/modernizr.js"></script> <!-- endbuild --> </head> <body> <!--[if IE]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="css-grid"> <div class="grid-2row-4column"> <div class="item1">CSS</div> <div class="item2">GRIDS</div> <div class="item3">ARE</div> <div class="item4">COOL</div> </div> </div> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script> (function(b, o, i, l, e, r) { b.GoogleAnalyticsObject = l; b[l] || (b[l] = function() { (b[l].q = b[l].q || []).push(arguments) }); b[l].l = +new Date; e = o.createElement(i); r = o.getElementsByTagName(i)[0]; e.src = 'https://www.google-analytics.com/analytics.js'; r.parentNode.insertBefore(e, r) }(window, document, 'script', 'ga')); ga('create', 'UA-XXXXX-X'); ga('send', 'pageview'); </script> <!-- build:js scripts/vendor.js --> <!-- bower:js --> <script src="/bower_components/modernizr/modernizr.js"></script> <!-- endbower --> <!-- endbuild --> <!-- build:js scripts/main.js --> <script src="scripts/main.js"></script> <!-- endbuild --> </body> </html>