Merhaba. Ben bu işi anlamadım rica etsem bilenler bakabilir mi?
Yan yana olmasını istediğim iki tane görsel var. Bu görseller yan yanaydı ama şimdi ne olduysa alt alta duruyorlar.

              </div><div class="z2">
                <a style="text-decoration: none;">
                  <div class="posts">
                    <div class="row mt-4 post_row">
                      <div class="col-6"></div>
                      <div>&nbsp;&nbsp;</div>
                      <div class="col-6"></div>
                    </div>
                  </div>
                </a>
              </div>

Css kodu da şu şekilde:

.posts{
    height:218px;
    width:730px;
    position:flex;
}
.post_row{
    width: 730px;
}
.post_row .col-6:first-child{
    cursor:pointer;
    height:144px;
    background-image: url(./images/gotoposts.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.post_row .col-6:last-child{
    cursor:pointer;
    height:158px;
    background-image: url(./images/top20.png);
    background-size: cover;
    background-repeat: no-repeat;
}

Nerede hata var?