How to create semi circle with tailwind?

Answer

There is a way to do so using rounded-tr and rounded-tl here is what You need to do :-

<script src="https://cdn.tailwindcss.com"></script>

<div class="relative flex justify-center items-center h-screen w-screen">
<div class="h-12 w-24 bg-indigo-500
rounded-tl-full rounded-tr-full "></div>
</div>