<div class="w-[90%] mx-auto mt-4">

<div class="flex flex-nowrap gap-2">

<div class="xl:w-1/3 border border-1 border-dashed border-sky-400">
<h3 class="bg-blue-600 text-white text-center text-lg ">Home</h3>
<div class="flex flex-wrap w-full items-center justify-center p-3">
<div class="w-1/2 flex items-center">
<input type="checkbox" name="bordered-checkbox" class="w-4 h-4 cursor-
pointer text-rGTBaseTextColor bg-gray-100 border-gray-300 rounded focus:ring-
[#0181dd]" value="Sabre Pakistan International Airline PK">
<label class="pl-3">Edit</label>
</div>
<div class="w-1/2 flex items-center">
<input type="checkbox" name="bordered-checkbox" class="w-4 h-4 cursor-
pointer text-rGTBaseTextColor bg-gray-100 border-gray-300 rounded focus:ring-
[#0181dd]" value="Sabre Pakistan International Airline PK">
<label class="pl-3">View</label>
</div>
<div class="w-1/2 flex items-center">
<input type="checkbox" name="bordered-checkbox" class="w-4 h-4 cursor-
pointer text-rGTBaseTextColor bg-gray-100 border-gray-300 rounded focus:ring-
[#0181dd]" value="Sabre Pakistan International Airline PK">
<label class="pl-3">Update</label>
</div>
<div class="w-1/2 flex items-center">
<input type="checkbox" name="bordered-checkbox" class="w-4 h-4 cursor-
pointer text-rGTBaseTextColor bg-gray-100 border-gray-300 rounded focus:ring-
[#0181dd]" value="Sabre Pakistan International Airline PK">
<label class="pl-3">Delete</label>
</div>
</div>
</div>
<div class="xl:w-1/3 bg-green-400">B</div>
<div class="xl:w-1/3 bg-green-400">c</div>
<div class="xl:w-1/3 bg-green-400">d</div>
<div class="xl:w-1/3 bg-green-400">e</div>
</div>
</div>