Css Soru (Sanırsam Flex ile ilgili)

Merhabalar hocalarım uzun zamandır css eğitimi alıyorum ve site yazmaya başladım ama istediğim görünümü bir türlü elde edemiyorum yardımcı olma şansınız varmı resim bırakıyorum alta. Localde çalışıyorum anydesk verebilirim. Denediğim yollar: flex vererek denedim olmadı. Sağ tarafta bulunan resmin html'ini silip flex vermeye çalıştım fakat soldaki liste görünümüde gidiyor.
Sitemde aktif olan ürün görünümü:

İstediğim Görünüm:

html5up.net buradaki temalari inceleyin
Aradığınız var.

Kapsayıcı elementine display: grid; grid-template-columns: 1fr 1fr verirsen bu görünümü elde edebilirsin yükseklik ayarını pixel vererek de düzenleyebilirsin