zetareticoli

#wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -140px; /* margin bottom = footer's height */
 ...
}

zetareticoli

.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

zetareticoli

/**
 * Vertical centering with Flexbox + margin fallback
 * Lea Verou & David Storey
 */

html, body { height: 100%; }

body {
	width: 100%; /* needed for FF */
	margin: 0;

zetareticoli

<h1>GRG Responsive Grid</h1>
<h2>Responsive grid without masonry (light on Javascript). Requires square or 2:3 scale tiles ("tall" class).</h2>
<h2>By <a href="mailto:olex@bighuman.com">Olex</a>, Señor Developer at <a href="http://bighuman.com">BIG HUMAN</a></h2>
<div class="grid">
   <div class="item tall">
     <a class="link" href="#">
       <div class="hovercontent">
         <h1>JETSETTER</h1>
         <h3>Designed by Big Human</h3>
       </div>

zetareticoli

A Pen by sebastianekstrom

A Pen by sebastianekstrom on CodePen.

License.

zetareticoli

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

zetareticoli

<script src="jquery.js"></script>
<script src="modernizr.js"></script>

<script>
$(document).ready(function(){

if(!Modernizr.input.placeholder){

	$('[placeholder]').focus(function() {
	  var input = $(this);

zetareticoli

# Pattern name

Succinct description of the pattern

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::                                                      ::
::                Live Pattern Demo                     ::
::                                                      ::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

zetareticoli

git remote update origin --prune

zetareticoli

.parent {
  display: grid;
  grid-gap: 16px;
  padding: 16px;
  grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
  grid-auto-flow: column;
  grid-auto-columns: minmax(160px,1fr);
  overflow-x: auto;
}