<div class="msgBox msgBox__container bg-light-grey"> <section class="topBar bg-grey"> <a href="#" class="round arrowBox bg-white"><div class="arrow down"></div></a> </section> <section class="user"> <div class="avatarBox"> <img class="round avatar" src="https://lh3.googleusercontent.com/DzXJfgqnFZmEOerX1XWEBm5F0udVmtx7Wkl6WSmL1in8fzHhZAml4hGERWmFh0buKmGUTeIttb9Go6sRjmE=rw"> <div class="user__status round bg-pink"></div> </div> <div class="user__nameContainer"> <div class="user__detail mid-grey">Kerem Suer</div> <div class="user__detail light-grey">Contributor</div> </div> <button class="btn">Block</button> </section> <section class="user"> <div class="avatarBox"> <img class="round avatar" src="https://lh3.googleusercontent.com/DzXJfgqnFZmEOerX1XWEBm5F0udVmtx7Wkl6WSmL1in8fzHhZAml4hGERWmFh0buKmGUTeIttb9Go6sRjmE=rw">
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