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ı.