resize handle is not visible in adjacent column header when headers have `transform` property

In my Table component, I’m showing a resize handle on column headers with a hitbox that reaches the adjacent column header.
My problem is that if i’m adding a transform to the headers it causes a new stacking context – So the right part of the handle is no longer visible

:Focus not applying but other other none related styles are

So I am making a website for a school project and I have multiple inputs on that website that have the same class (the class is called “in”) because I want to apply the same styles to all of them but I want the border-color to change while the input is selected (:focus), but instead the styles that I chose, some other styles are applying which set the border width to 2px and the color to black, which I don’t want.

scaling twice as large iPad Pro

I am currently trying to create a simple website with a few images and text developed in a grid layout css. I used the iPad Pro 2732x2048px as a reference for the layout. When I host the website on my webspace and display it in the browser it is twice as big, zoom is at 100%. On my PC it is scaled normally. Do I need a special meta tag for the ipad Pro?