<div class="container"> <div class="art-board"> <div class="art-board__container"> <div class="card"> <div class="card__image"> <img src="https://images.pexels.com/photos/4077/pexels-photo-1640777.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Salad" /> 7 </div> <div class="card__info"> <div class="car__info--title"> <h3>Salad</h3> <p>Fresh & sweet</p> </div> <div class="card__info--price"> <p>$ 5</p> <span class="fa fa-star checked"></span> 16 <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> </div> </div> </div>
Preview:
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