Embedded media - Flickr

An embedded Flickr gallery.

The wrapping <div class="embedded-media"> forces the embedded item into a 16:9 ratio. This wrapper also forces the embedded item to scale responsively within the viewport.

<!-- COMPONENT: Embedded media - Flickr -->
<div class="embedded-media">
    <iframe src="https://www.flickr.com/photos/uniofbath/albums/72157682125594374/player/" class="flickr" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen=""></iframe>
<!-- End component: Embedded media - Flickr -->
  • Handle: @embedded-media-flickr
  • Preview:
  • Filesystem Path: components/ingredients/common-ingredients/embedded-media/embedded-media-flickr/embedded-media-flickr.hbs