Skip to content

Instantly share code, notes, and snippets.

@rubillionaire

rubillionaire/gist:4751981

Last active December 12, 2015 09:29
Download ZIP

Revisions

  1. rubillionaire revised this gist Feb 11, 2013. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,7 @@
    .article {
    /* styles used regardless of window size */
    }

    @media all and (min-width: 320px) {
    .article {
    width: 100px;
  2. rubillionaire created this gist Feb 11, 2013.
    30 changes: 30 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    @media all and (min-width: 320px) {
    .article {
    width: 100px;
    height: 100px;
    }
    }
    @media all and (min-width: 500px) {
    .article {
    width: 150px;
    height: 150px;
    }
    }
    @media all and (min-width: 700px) {
    .article {
    width: 200px;
    height: 200px;
    }
    }
    @media all and (min-width: 900px) {
    .article {
    width: 250px;
    height: 250px;
    }
    }
    @media all and (min-width: 1100px) {
    .article {
    width: 300px;
    height: 300px;
    }
    }