جعل اثنين Divs بنفس الطول html

يمكنك تحديد ارتفاع الحاوية div بكتابة تننسيق للخاصية height:

أو أضفها لوسم style لديك..

/* css */
.yourClass{
	height: 80px
}

ويمكن وضع حد أقل للطول مثل min-height هذا يسمح للحاوية بأن تكون أطول منه(حد أدنى)، و max-height وهو طول أعظمي لا يمكن أكبر منه(حد أعلى).

يمكنك عمل ارتفاع ثابت للحاويتان عن طريق الكود التالي 

.parentDivClass{
display: table-row;
}
.yourDivClass{
display: table-cell;
}

parentDivClass هو الخاص بالحاوية التي بداخلها الحاويتان المراد توحيد ارتفاعها و yourDivClass هو الخاص بالحاويتان

بتاريخ 2 ساعات قال أميرة حجاج:

يمكنك عمل ارتفاع ثابت للحاويتان عن طريق الكود التالي 

.parentDivClass{
display: table-row;
}
.yourDivClass{
display: table-cell;
}

parentDivClass هو الخاص بالحاوية التي بداخلها الحاويتان المراد توحيد ارتفاعها و yourDivClass هو الخاص بالحاويتان

حاولت أن افعل كما قلت لي لكن ظهرت لي الحاويتان أسفل بعض وليست بجانب بعضهما البعض

أحتاج أن يكون العرض كما هو لا يتغير فقط الارتفاع يتغير لكلاهما سويةً

بتاريخ 6 ساعات قال Wael Aljamal:

يمكنك تحديد ارتفاع الحاوية div بكتابة تننسيق للخاصية height:

أو أضفها لوسم style لديك..

/* css */
.yourClass{
	height: 80px
}

ويمكن وضع حد أقل للطول مثل min-height هذا يسمح للحاوية بأن تكون أطول منه(حد أدنى)، و max-height وهو طول أعظمي لا يمكن أكبر منه(حد أعلى).

نعم صحيح شكراً لك

ماجات في بالي ههه

يعطيك العافية

هذا هو الكود الخاص بك بعد تعديله (اضافة 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>

بتاريخ 35 دقائق مضت قال أميرة حجاج:

هذا هو الكود الخاص بك بعد تعديله (اضافة 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>

شكراً لكِ لكن مازال الكود لا يعمل

قمت بإستخدام height والحمدلله انحلت المشكلة شكراً لكم