Şu Tasarımda Yükseklikleri Nasıl Eşit Yapabilirim?

Temayı responsive yaparken bir yerde takıldım kaldım, acaba nasıl bir yöntem ile çözerim bu sorunu. BURADAKİ gibi kayma sorunu yaşıyorum. Sağı sollu 2 tema içerikten birinin başlığı uzun olduğunda alt satıra geçiyor ve o kutunun yüksekliği artıyor, artınca da altına gelmesi gereken ise diğer daha kısa diye onun altına geliyor ve tasarım bozuluyor. Sorunu çözmek için taşmış haline göre tamamına min-height verip aralıkları arttırmak istemiyorum. Sadece taşma olduğunda min-height..vs aralığı arttırarak bozulmayı engellemek istiyorum. Bunu nasıl yapabilirim?

Site adresi: https://kedicinsi.com/ (Sayfa genişliğini 385px yaparsanız hatayı görebilir ve test edebilirsiniz)

article lara sabit bir height verirseniz o ekran aralıgında çözülecektir. örnegin 180px deneyin çözülüyor sorun

Evet hocam öyle oluyor ancak başlık alt satıra indiğinde 28px artmış olurken kötü durmuyor ancak başlığın alt satıra inmediği durumda fazladan 28px daha boşluk oluyor ve nesnelerin arası çok açılıyor. Bu nedenle sadece sadece alta inenin sağındaki ya da solundakinin 28px daha yüksek olması gerekiyor.

Bakın düzeldi ama üsttekilerin arası da aşırı artmış oldu, bunu istemiyorum;

Articlelerin bulunduğu bir üst div e

display:flex;
flex-wrap:wrap;
width:100%;

eklemeyi dene çözülür büyük ihtimal

Olay budur hocam. Sorun çözüldü, teşekkür ederim.