kendi kendime media tagi ve bootstrap ile ilgili ufak bir alıştırma yaparken minik bir sorunlar karşılaştım bir kaç bir şey denedim ama sadece bir tane çözüm yolu bulabildim ama pek içime sinmedi bu çözüm yolu o yüzden buraya sormak istedim.

https://www.codepile.net/pile/DWGDGbKj ---> CSS

https://www.codepile.net/pile/7QqZkZ2N ---> HTML

sorun şu ki normalde 481 pikselden itibaren sütunlarım ortalanıyor

https://ibb.co/4mcjb5f

ama ne zaman 480 nin altına insem sütunlarım sol tarafa yapışıyor aynı şu şekildeki gibi

https://ibb.co/9www3L5

bulabildiğim tek çözüm media tagi altında containera soldan padding vermek oldu ama padding : 0 auto; denememe rağmen bir türlü çalıştıramadım varsa bir çözüm öneriniz çok yardımcı olursunuz veya yapmaya çalıştığım şeyin daha kolay bir yolu varsa onu da öğrenmek isterim deneme yanılma yoluyla anca bu şekilde yapabildim, asıl yapmaya çalıştığım şey ise 4 x 1 şekilden 2 x 2 şekle geçirmeye çalışmaktı ama css de sorun yaşadım biraz