Mouse tekerleğini CTRL+ ile geri çektiğimizde sayfa büyüdükçe css bozulması

Merhabalar,
Arkadaşlar mouse tekerleğini ctrl ile oynattığımızda yani sayfayı büyüttüğümüzde tasarımda kayma oluyor. Bazı tasarımlara bakıyorum. Zampla yapıştırmış gibi ne kadar ileri ya da geri çekersen çek bozulma olmuyor. Bunun sebebi nedir ? position:relative mantığı mıdır ?
Örnek Video:

https://www.youtube.com/watch?v=D21O...nel=Gipa%C5%9F

Uyumlu kodlanmadığı için oluyor.

Hocam bunu ben de biliyorum Mantığını anlamaya çalışıyorum.

bootstrap incelemelisin. içerik kapsayıcının belirli bir maximum boyutu olmalı her ekrana içeriğini yayamazsın. özellikle resim vb. içeriklerin bulunduğu yerlerde.

Hocam boostrap bu işin kolayı diye girmek istemiyorum. Elle yazıyorum her şeyi. Böylesi daha iyi. Maximum boyut dediniz bende uyandı bir şeyler haklsınız. Kapsayıcıya min widh ya da max width verdiğimizde ekran ne kadar büyürse ya da küçülürse küçülsün yine aynı boyutlarda kalacak.

Bootstrap sizi yaptığınız projelerde oldukça hızlandıracaktır kullanmanızda yarar var kolaya kaçıyormuş gibi düşünmeyin. İlla kendim yazacağım derseniz flex ve grid yapıları incelemenizi öneririm.

Hocam ben aksini düşünüyorum Elemantor, Bootstrap gibi eklentiler çok hızlı güncelleme alır dolayısıyla sen bildiğin yoldan şaşma

Elle yazma konusunda mı hocam. Robot gibi tasarımlardansa baştan sona her şeyi yazabilmek bence bam başka bir şey.