Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save elicus/3066194357cd581dffda8d202c6de592 to your computer and use it in GitHub Desktop.
Save elicus/3066194357cd581dffda8d202c6de592 to your computer and use it in GitHub Desktop.
html {
overflow-y: scroll;
}
body {
font-family: sans-serif;
margin: 0; padding: 0;
}
.item {
float: left;
position: relative;
line-height: 1em;
}
.grid-sizer {
width: 20%;
}
.item {
width: 20%;
}
.image{
max-width: 100%;
margin: 0;
display: block;
}
.image:after {
clear:both;
}
@media screen and (max-width: 1224px) {
/* 10 columns for larger screens */
.grid-sizer {
width: 33.33%;
}
.item {
width: 33.33%;
}
}
@media screen and (max-width: 720px) {
/* 10 columns for larger screens */
.grid-sizer {
width: 50%;
}
.item {
width: 50%;
}
}
@media screen and (max-width: 480px) {
/* 10 columns for larger screens */
.grid-sizer {
width: 100%;
}
.item {
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment