Css Sorusu (Ustalar yaparsa yapar)

Selam arkadaşlar bir form tasarladım. Formumum altında hesaplama sonucu yer alıyor..

Şimdi 2 ana etiketim var.

1) .cp_cff_custom (form stillerim)
2) .cp_cff_custom-card (sonuç stillerim)

Ben istiyorum ki 1200 px ve üstü tarayıcılarda 1. numara ile 2 numara yan yana gözüksün.
düşükse eğer yine aynı şekilde üstte 1 alta 2 numara gözüksün ..

Bu konuda yardımcı olan arkadaşa çok teşekkürlerimi iletirim. Sabahtan bu yana uğraşıyorum.

Hocam stillerinizi iletin onun üzerinden oynama yapalım. Yüksekliklerini vs. bilmediğimiz için kafamıza göre kod yazarsak yanlış olur.
Bu 1 ve 2'nin css kodlarını iletin. Kapsayıcısını da iletin. Eğer yoksa sıfırdan yazalım

.kapsayici{
    display: flex;
    align-items: center;
    justify-content: center;  
    padding: 5px;
    margin: 5px;
    height: 100vh;
    overflow: hidden;
}
.cp_cff_custom, .cp_cff_custom-card{
    width: 50%;
    border: solid 1px;
    height: 500px;
    background-color: rgb(255, 178, 127);
    margin-right: 2px;
    flex-wrap: wrap;
}
@media (max-width:1200px){
    .kapsayici{
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .cp_cff_custom, .cp_cff_custom-card{
        margin-bottom: 2px;
        width: 100%;
    }
}

başka bir önerisi olan arkadaş var mı acaba bu olmadı