هذا هو الكود الخاص بك بعد تعديله (اضافة parentDivClass و yourDivClass وcss المقترح)، اذا كان هناك اكواد css تتعارض مع هذا الكود برجاء مشاركتها لكي نستطيع معرفة المشكلة
<div class="y-10">
<div class="block md:flex parentDivClass items-center justify-center">
<div class="flex-1 yourDivClass mt-5 md:mt-0 mx-5 bg-white rounded-lg shadow-lg hover:shadow-xl transition duration-150" style="margin-bottom: auto;">
<div class="w-full h-auto text-center py-3 bg-gradient-to-br from-green-800 to-green-600">
<h6 class="font-semibold text-xl text-white" style="font-family: DroidKufi-Regular; font-size: 18px;">
Lorem
</h6>
</div>
<div>
<p class="text-gray-600 p-3" style="text-align: center; font-family: DroidKufi-Regular; font-size: 17px;">
Lorem ipsum dolor sit amet, consectetur
</p>
</div>
</div>
<div class="flex-1 yourDivClass mt-5 md:mt-0 mx-5 bg-white rounded-lg shadow-lg hover:shadow-xl transition duration-150" style="margin-bottom: auto;">
<div class="w-full h-auto text-center py-3 bg-gradient-to-br from-green-800 to-green-600">
<h6 class="font-semibold text-xl text-white" style="font-family: DroidKufi-Regular; font-size: 18px;">
Lorem
</h6>
</div>
<div>
<p class="text-gray-600 p-3" style="text-align: center; line-height: 2; font-family: DroidKufi-Regular; font-size: 16px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitatio
</p>
</div>
</div>
</div>
</div>
<style>
.parentDivClass{
display: table-row;
}
.yourDivClass{
display: table-cell;
background: #eee;
width: 50%;
padding: 10px;
}
</style>
