DEV Community

Cover image for Today deal with overflow on x axis
Saqib Tanveer
Saqib Tanveer

Posted on

Today deal with overflow on x axis

Bug Image
overflow on x, when developing a website is like a hamster for a stress taking developer. But hold on, today I did debug on some that.
here are the two reasons which were causing that issue on my case but there could be more reasons for that.

  1. The first reason for that bug was the no left-0 on header. header had the absolute class didn't have the left: 0px. and box-sizing: border-box was also not set.

  2. The second reason was -mx-4 class. its a tailwind css class which add the margin-block: -4px.

These were the issues in our case but could vary situation-to-situation. Thanks to read this. hope this will solve your problem now or in the future.

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more