Skip to content

Instantly share code, notes, and snippets.

@Avanger2512

Avanger2512/index.html

Created September 21, 2016 10:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Avanger2512/75480339ba17a8a9a4e55fc01a25fbf9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Avanger2512/75480339ba17a8a9a4e55fc01a25fbf9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Avanger2512 created this gist Sep 21, 2016.
    52 changes: 52 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    <ul class="gallery">
    <li>
    <img src="http://placehold.it/200x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/150x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/120x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/50x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    </ul>
    <ul class="gallery">
    <li>
    <img src="http://placehold.it/150x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/300x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/120x60" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/50x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    <li>
    <img src="http://placehold.it/70x50" alt="" />
    </li>
    </ul>
    7 changes: 7 additions & 0 deletions qaqrye.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    qaqrYE
    ------


    A [Pen](http://codepen.io/Avanger2512/pen/qaqrYE) by [Den](http://codepen.io/Avanger2512) on [CodePen](http://codepen.io/).

    [License](http://codepen.io/Avanger2512/pen/qaqrYE/license).
    12 changes: 12 additions & 0 deletions style.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    .gallery
    // width: 500px
    display: flex
    flex: wrap
    border: 1px solid
    li
    flex: auto
    display: flex
    align-items: center
    border: 1px solid red
    img
    width: 100%