Preview:
<div class="card card--horizontal">
    <div class="card--img--container">
        <img src="https://rukminim1.flixcart.com/image/660/792/k3t21zk0/shirt/g/j/g/m-wish0119-wrogn-original-imafmtz8cr8gkavz.jpeg?q=50" alt="Man in Blue Suit" class="img--res" />
    </div>
    <div class="card--content--btn--container">
        <div class="card--content">
            <div class="card--title">Stylish Blue Shirt</div>
            <div class="card--manufacturer">By LP fashion</div>
            <div class="card--review--container">
                <div class="card--review--star">
                    4.2
                    <i class="far fa-star" aria-hidden="true"></i>
                </div>
                <div class="card--review--number">(256)</div>
            </div>
            <div class="card--price--container">
                <div class="actual--price">₹600</div>
                <div class="strike--price">₹1200</div>
                <div class="offer--percentage">(50%off)</div>
            </div>
        </div>
        <div class="card--btn">
            <button class="btn btn--primary w-100">Add to cart</button>
        </div>
    </div>
</div>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter