Night Flight User Profile - Tailwind

<div class="flex">
<div class=" p-4 mb-0 sm:w-3/4 md:w-3/5 lg:w-1/2 xl:w-1/2 bg-black bg-opacity-75 mx-auto text-center text-gray-100">

<!-- PROFILE IMAGE -->
<img class="rounded-full mx-auto mt-4 mb-4 sm:w-3/4 md:w-3/5 lg:w-1/2 xl:w-1/2 w-1/2" src="IMAGE_LINK_HERE">

<h2>Username</h2>
<h5>extras / lvl / mbt</h4>

<div class="bg-white bg-opacity-30 my-3" style="height: 2px"></div>
<div class="grid grid-cols-3  gap-3">

<!-- COMMISSION, TRADE, AND REQUEST STATUS -->
<div>
<h5>Coms</h5>
<div class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white-100 bg-cyan-600 rounded-full">open</div>
</div>
<div>
<h5>Trades</h5>
<div class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white-100 bg-cyan-600 rounded-full">semi-open</div>
</div>
<div>
<h5>Requests</h5>
<div class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white-100 bg-cyan-600 rounded-full">closed</div>
</div>
</div>

<div class="bg-white bg-opacity-30 my-3" style="height: 2px"></div>

<!-- ABOUT SECTION -->
<div class="text-left">
<h5>About/info</h5>
<div class="overflow-scroll overflow-x-hidden" style="height: 80px">
<p>This text box will scroll. You can say a little about yourself, like and dislikes, interests, hobbies, ect. If your text isn&#39;t that long and you want the scrollbar to go away, just remove &#34;overflow-scroll&#34; in the class of this div. From there you can adjust &#34;height&#34; to your liking.
</p>
</div>
</div>

<!-- SOCIAL/SITE LINKS-->
<div class="flex flex-row-auto gap-2 justify-around mt-3">
<a class="rounded-md text-center p-2 text-white hover:text-cyan-400" href="LINK_HERE" rel="nofollow"><i class="fab fa-instagram fa-md"></i></a>
<a class="rounded-md text-center p-2 text-white hover:text-cyan-400" href="LINK_HERE" rel="nofollow"><i class="fab fa-twitter fa-md"></i></a>
<a class="rounded-md text-center p-2 text-white hover:text-cyan-400" href="LINK_HERE" rel="nofollow"><i class="fab fa-spotify fa-md"></i></a>
<a class="rounded-md text-center p-2 text-white hover:text-cyan-400" href="LINK_HERE" rel="nofollow"><i class="fas fa-home-alt fa-md"></i></a>
<a class="rounded-md text-center p-2 text-white hover:text-cyan-400" href="https://buzzly.art/~OneAlbatross" title="Code by OneAlbatross" rel="nofollow"><i class="fad fa-code fa-md"></i></a>
</div>

</div>