HTML CSS Flex Grid hakkında

Question

Merhaba dostlar.
Mobil

Web

HTML & CSS ile şöyle bir şey nasıl yapabilirim

kadirkilic · Answer

2 tane div açın içerisine 2 tane daha o divlerin içerisine 2-2 resimleri koyun
2.açtığınız dive flex-col verin mobilde flex olsun
mobile geldiğinde aynı şekilde 1.divede flex veriniz bu tasraımı elde edersiniz

eycreative · Answer

kadirkilic adlı üyeden alıntı:						mesajı görüntüle									2 tane div açın içerisine 2 tane daha o divlerin içerisine 2-2 resimleri koyun
2.açtığınız dive flex-col verin mobilde flex olsun
mobile geldiğinde aynı şekilde 1.divede flex veriniz bu tasraımı elde edersiniz 		.grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 10px;
        margin-bottom: 10px;
    }
    @media only screen and (max-width: 768px) {
        .grid-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
        }
    }şeklinde yaptım hocam buda işe yaradı.