While examining a webpage, I noticed a positioning issue and decided to remove some CSS code to determine the root of the problem. It appears that the navbar has a 1px gap on the left side from the edge of the screen. After removing the last two lines of code, everything looks fine. This situation raises the question:
Is it possible to simultaneously use margin auto and transform left in CSS?
.navbar {
background-color: rgba(0, 0, 0, 0.85) !important;
position: fixed;
top: 0px;
width: 100%;
height: 50px;
z-index: 1051;
max-width: 1920px;
margin: auto;
left: 50%;
transform: translateX(-50%);
}