Ortalama sorunu

Selamlar aşağıdaki yapıyı ortalamak istiyorum fakat olmuyor yardımcı olabilir misiniz?


margin-left yapınca oluyor fakat mobil hale gelince bozuk gözüküyor.

ortalamak istediğin herşeyi bir div içine al o dive css olarak sunları yaz:

max-width:1200px (bu ölçü isteğine göre değişir);
width:100%;
margin:auto;

arkadaşıny yapıtğı gibi yapabilirsiniz boostraple yaptığınınız içinde o dive display:inline-bolock veriniz düzelicektir

yardımın için teşekkür ederim fakat
tam olmadı çirkin durdu max width i değiştirdikçe çirkin duruyor




yardımın için teşekkür ederim ama seninki de olmadı dostum ortalamadı

max-width senın sayfa genıslıgınle aynı olmalı baska kısımlara bak aynısı yap

hocam tw verin bakalım bi isterseniz

Kod yapinizi buraya yazarsanız daha hızlı ve sonuç alicak cevaplar verilebilir hocam. Div olarak yaptıysanız üçüne de aynı classi veriniz o classin CSS ine de display inline-block verip ölçülerini 33.3% yapın text-align center verin divler sayfaya ortalanir içerikler de dive göre ortada yazılır.

Alanlara display:inline-block !important; width:200px; margin:0 10px; değerlerini verip kapsayıcı div elemanına text-align:center verirseniz isteğiniz olacaktır diye düşünüyorum. width değerini kapsayıcı elemanınıza göre düzenleyiniz. 1170px container kullanıyorsanız ona göre düzenleyebilirsiniz. max-width: değeri de verebilirsiniz.

Grid sistem ise ayarlarınıza dikkat edin bunun haricinde display table özelliğindende yararlanabilirsiniz sanırım.

display: table;  position: relative;  overflow: hidden;  text-align:center;  margin:0 auto;