السلام عليكم
عندي مشكلة بسيطة في HTML لدي 2 divs أحتاج أضعهم بنفس الطول
زي الصورة بالأسفل إن شاء الله انها واضحة
وهذا الكود اللي مستخدمه
<div class="y-10">
<div class="block md:flex items-center justify-center">
<div class="flex-1 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 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>
