<div class="bg-white p-6 shadow-lg rounded-lg flex justify-between items-center"> <div class="flex"> <div class="mr-4"> <img class="shadow sm:w-12 sm:h-12 w-14 h-14 rounded-full" src="http://tailwindtemplates.io/wp-content/uploads/2019/03/link.jpg" alt="Avatar" /> </div> <div> <h1 class="text-xl font-medium text-gray-700">Link</h1> <p class="text-gray-600">UX Designer at Hyrule</p> </div> </div> <button class="bg-blue-500 hover:opacity-75 text-white rounded-full px-8 py-2"> Follow </button> </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