<div class=" position-rel flex justify-end"> <img src="/utilities-css/image/christopher-campbell-rDEOVtE7vOs-unsplash.jpg" class="width-6 height-6rem object-fit-cover rounded-full" alt=""> <span class="position-ab bg-brown-5 width-1 height-1rem rounded-full top-0 right-10"> </span> </div> <div class=" position-rel flex justify-end"> <img src="/utilities-css/image/christopher-campbell-rDEOVtE7vOs-unsplash.jpg" class="width-6 height-6rem object-fit-cover rounded-full" alt=""> <span class="position-ab bg-green-5 width-1 height-1rem rounded-full top-0 right-10"> </span> </div> <div class=" position-rel flex justify-end"> <img src="/utilities-css/image/norway.jpg" class="width-6 height-6rem object-fit-cover rounded-full" alt=""> <span class="position-ab bg-red-5 width-1 height-1rem rounded-full top-0 right-10"></span> </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