responsive

@media screen and (max-width: 900px){ 
/* Hassasiyeti daha çok artırdık */

    .item-container{---> div öğelerinin sınıf kısmı 
        width: 33.3333% ;   

     }
}
@media screen and (max-width: 600px){
 /*çözünürlük küçüldükçe ekrana sığdırdık*/

    .item-container{---> div öğelerinin sınıf kısmı 
        width: 100% ;
    }
}
@media screen and (max-width: 400px){
/*mobil için yarıya indirdik alt alta görünüm oluştu*/

    .item-container{---> div öğelerinin sınıf kısmı 
        width: 50% ;
    }
}