Shape responsive

Before || After

                                        <div class="item-wrap">
    <div class="item">
    </div>
</div>                                    
                                        .item-wrap{
    position: relative;
    width: 50%;
}
.item-wrap:before{
    content: "";
    display: block;
    padding-bottom: 50%;
}
.item{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
Go Back