JSFiddle - React, Tailwind, and code Playground

by jacobdubail

HTML

<h1>Resize</h1>
<div class="itunes">what up dog?</div>

CSS

body {
   width: 30%;
   margin: 20px auto;
}
div { position: relative; width: 40px; }
div:before { content: ''; position: absolute; top: 0; left: 0;
  background: url(http://shoptalkshow.com/wp-content/themes/shoptalk/images/itunes-icon.png) no-repeat;   
  height: 0;
  padding-top: 100%; /* Make height == width */
  -webkit-background-size: 100% auto; /* Saf3-4 */
     -moz-background-size: 100% auto; /* FF3.6 */
          background-size: 100% auto; /* Opera, IE9, Saf5, Chrome, FF4 */
    width: 100%;
}