Skip to content

Instantly share code, notes, and snippets.

@RachelRVasquez

RachelRVasquez/objectfit-markup.html

Last active July 1, 2016 01:34
Show Gist options
  • Save RachelRVasquez/35236f1dbf53de5facc51af903bdadb2 to your computer and use it in GitHub Desktop.
Save RachelRVasquez/35236f1dbf53de5facc51af903bdadb2 to your computer and use it in GitHub Desktop.
Download ZIP
object-fit polyfill markup example #1
Raw
objectfit-markup.html
<!-- #1: No Polyfill markup example -->
<div class="card">
<div class="card-content-wrapper">
<div class="card-hero-block-left">
<div class="ds-card-hero-bg" style="background-image: url('http://placehold.it/780x480/777777/ffffff?text=Image+Cap');">
<img src="http://placehold.it/780x480/777777/ffffff?text=Image+Cap"/>
</div>
</div>
<div class="card-hero-block-right">
<!-- content goes here-->
</div>
</div><!-- card-content-wrapper -->
</div><!-- card -->
<!-- #2: Polyfill markup example -->
<div class="card">
<div class="card-content-wrapper">
<div class="card-hero-block-left">
<img src="http://placehold.it/780x480/777777/ffffff?text=Image+Cap"/>
</div>
<div class="card-hero-block-right">
<!-- content goes here-->
</div>
</div><!-- card-content-wrapper -->
</div><!-- card -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment