During the development of my Netflix Replica project, I ran into an issue where the UI became distorted when opening the inspect element. While this issue does not affect functionality, it definitely impacts the overall look and feel of the project.
Original UI-https://i.sstatic.net/eCS2D.jpg
Distorted UI Image after opening inspect element https://i.sstatic.net/STAO3.png
In the second image, you can clearly see the distortion with text and buttons overlapping each other.
Below is a snippet of the code I have written:
<div className="app">
{/* nav */}
{/* banner */}
<Banner />
<div className="row__adjuster">
<Row title="Netflix Originals" fetchUrl={requests.fetchNetflixOrignals} isLargeRow />
</div>
</div>
CSS:
.row__adjuster{
margin-top: -180px;
}