JSFiddle - React, Tailwind, and code Playground

by Ritesh Pandey

HTML

<!-- play wiith margin auto -->
<div class="orange">
    <div class="t-shirt">
        <div class="left-circle">
        </div>
        <div class="right-circle">
        </div>
    </div>
</div>

CSS

.orange {
    height: 200px;
    background-color: orange;
    width: 100%;
}
.t-shirt {
    width: 200px;
    height: 200px;
    background-color: red;
    margin: 0 auto;
}
.left-circle {
    background-color: blue;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 160px;
}
.right-circle {
    background-color: black;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    float: right;        
    margin-top: 160px;
}