Divleri nasıl aynı yükseklikte ayarlayabilirim? Acil yardımınızı bekliyorum.

Arkadaşlar selamlar,

Aşağıdaki gibi bir yapım mevcut fakat divleri ekran boyutlarına göre hepsini aynı yükseklikte nasıl yapabilirim?

Yükseklik ile yaptığımda ayarlayabiliyorum fakat farklı ekran boyutlarına sahip cihazlarda bozuluyor. Tüm cihazlarda nasıl aynı yükseklikte nasıl ayarlayabilirim. Sadece desktop görünümünde yapmam gerekiyor.

Teşekkürler

max-height

yemedi hocam

Hocam @medialarda diğer cihazlara göre ayarlayabilirsin mobilde zaten height:autoİ yapacaksın

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
height:auto;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
height:auto;
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
height:300px;
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {
height:400px;
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
height:500px;
}

gibi.

.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid;
}
<div class="row">
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis quae expedita ipsum nobis praesentium velit animi minus amet perspiciatis laboriosam similique debitis iste ratione nemo ea at corporis aliquam.</div>
</div>

Bu şekilde