JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<h2>#1</h2>
<div class="shirt"><iframe src="http://www.customink.com/designs/wtcircles/fqf0-000p-tbzx/share/" width="645" height="560" scrolling="no"></iframe></div>

<h2>#2</h2>
<div class="shirt"><iframe src="http://www.customink.com/designs/wtblack1/27038851-6536628/share" width="645" height="560" scrolling="no"></iframe></div>

<h2>#3</h2>
<div class="shirt"><iframe src="http://www.customink.com/designs/wtheart/fqf0-000p-tbsu/share" width="645" height="560" scrolling="no"></iframe></div>

<h2>#4</h2>
<div class="shirt"><iframe src="http://www.customink.com/designs/wthdtquote/fqf0-000p-t0xf/share" width="645" height="560" scrolling="no"></iframe></div>

SCSS

body {
    font-family: sans-serif;
    padding: 50px;
}

h2 {
    color: #666;
    font-size: 36px;
    font-weight: bold;
    padding-left: 10px;
    
}

#shirts {
    border: 1px solid orange;
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 100px;
}

.shirt {
    overflow: hidden;
    width: 655px;
    
    iframe {
        border: 0;
        margin: {
            top: -260px;
        }
        overflow: hidden;
    }
}