<div class="mx-auto rounded-lg flex shadow border border-gray-300 px-2 py-1.5">
	<img class="rounded-full border-2 border-grey-300 w-32 h-32 px-2 shadow-lg" src="" alt="" />
	<div class="flex flex-col place-content-between pt-2 pb-1.5">
		<p class="text-3xl font-bold">Only16Characters</p>
		<div class="flex text-lg">
			<p class="mr-1.5"><a class="font-bold" href="/users/id/friends">0</a> Friends</p>
			<p class="mr-1.5"><a class="font-bold" href="/users/id/followers">0</a> Followers</p>
			<p><a class="font-bold" href="/users/id/following">0</a> Following</p>
		</div>
	</div>
	<span class="flex-grow" />
	<div class="flex place-content-between place-self-end py-1">
		<a class="mr-2 px-3 py-1 rounded border-2 border-gray-500 text-gray-500 shadow-lg hover:bg-gray-200" href="/users/id/message">Message</a>
		<button class="px-3 py-1 rounded border-2 border-blue-500 text-blue-500 shadow-lg hover:bg-blue-200">Add Friend</button>
	</div>
</div>

<div class="shadow-lg w-96 h-96 p-2 rounded-lg border-2 border-gray-300 mt-2 mx-1 inline-block">
<div class="font-bold text-bold mt-72 mx-1">
	<p class="font-bold text-[18px] mx-20">This is my description!</p>
</div>
</div>

<div class="flex place-content-between m">
	<div class="w-full rounded-lg flex shadow border border-gray-300 p-2 mt-2 mr-1">
		<p class="font-bold text-2xl">Friends</p>
	</div>
	<div class="w-full rounded-lg flex shadow border border-gray-300 p-2 mt-2 ml-1">
		<p class="font-bold text-2xl">Games</p>
	</div>
</div>
