# VDSDI (Part XII).

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1742098561794/43a7509d-32f7-426f-bcb8-614398dd3deb.png align="left")

(tangkapan layar bingkai peramban versi *mobile* Mozilla Firefox, Google Chrome, dan Instagram)

Melanjutkan semangat ‹[Lodrapumo](/lodrapumo),› kolase gambar bingkai peramban diatas saya susun ketika saya baru saja menemukan *bug* yang hanya muncul pada Google Chrome versi *mobile*. Ya, benar, hanya pada versi *mobile*, karena ketika di *inspect* menggunakan mode *responsive view* pada Google Chrome versi *desktop* tampilannya tidak ada masalah, adem ayem, tetap konsisten sebagaimana mestinya konsep *one web* yang sempurna.

Insert gambar bagian kiri adalah tangkapan layar Mozilla Firefox versi *mobile*, bagian tengah adalah Google Chrome versi *mobile*, lalu bagian kanan adalah peramban *in app* bawaan Instagram, yang saya asumsikan juga berbasis [Chromium](https://www.chromium.org/), *correct me if I'm wrong, please do.*

Tiga baris marquee yang tampak pada hasil tangkapan layar bingkai peramban Mozilla Firefox, sejatinya *centered* secara *horizontal* dan *vertical*, yang baris pertama dan terakhirnya saya beri [margin](%5Bhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin%5D\(https://developer.mozilla.org/en-US/docs/Web/CSS/margin\)) dengan angka *negative* dan *positive*, *respectively*. Pada hasil tangkapan layar peramban Google Chrome dan Instagram, baris marquee kedua dan ketiga saling bertumpuk, dengan susunan [z-index](%5Bhttps://developer.mozilla.org/en-US/docs/Web/CSS/z-index%5D\(https://developer.mozilla.org/en-US/docs/Web/CSS/z-index\)) yang seenak udelnya dan masa bodo.

Terus terang, sampai saat ini saya ada apa gerangan dengan *negative margin* yang berujung tampilan inkonsisten tak karuan macam dalam pengaruh psikotropika tersebut. Jalan pintas yang saya ambil sebagai solusi tambal sulam sederhana untuk mengatasinya adalah, semudah dengan memecat `margin` lalu mengangkat [transform](%5Bhttps://developer.mozilla.org/en-US/docs/Web/CSS/transform)—tepatnya [translateY](%5Bhttps://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateY\(\))—sebagai penggantinya. *Wes ewes ewes... bablas bug'e...* `translateY` pancen oye.

([sua](https://sua.ist))