[/URL]
Çok teşekkür ederim hocam, Pm attım ona da bir bakarsanız çok mutlu olurum.
Ek olarak bootstrap gibi kütüphaneler kullanmıyor, saf html css ile tasarım yapıyorsak genelde grid kullanmalıyız değil mi? grid iyidir yani, çoğu problemi çözer responsive için?
Grid deyince konu karışıyor. Bunlardan biri css grid, diğeri oluşturduğunuz yapı.İkisine de grid diyoruz.
.container{
max-width: 992px;
margin-left: auto;
margin-right: auto;
}şu tanımlama sizin için grid olabilir. Bunu sitenin ana gövdesi olarak her yerde kullanırsınız. Adına grid dersiniz.
.products{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
}Bu da css griddir. Products adında bir section mesela. İçine ürün kartlarını yerleştirirsiniz. Mobile geçince
@media screen and (max-width: 767px){
.products{
grid-template-columns: 1fr 1fr;
}
} diye tanımlama yaparsınız. Mobilde yan yana 2 adet kart gözükür. Yani grid değilde düzgün yazılmış her css iyidir. Tüm problemleri çözer
