Discussion
Your #CSS sucks if you have this in your code:
.some-elem {
position: fixed; /* or absolute */
inset: 0;
width: 100%;
height: 100%;
/* even worse if you have this instead of inset: 0 */
top: 50%;
left: 50%;
translate: -50% -50% /* or even worse, transform: translate(-50%, -50%) */
}
@anatudor what's the alternative?
I did find some in my project where I set the containers for image alternate text inside the image element. 
@mariusor Depends on the exact case, but generally the problems are:
1️⃣ while there are some cases where absolute positioning may still be the best option, these days, grid makes things easier
2️⃣ you never need both inset: 0 and width: 100% + height: 100%; in most cases, inset suffices, otherwise, just setting dimensions without inset does it
3️⃣ the top: 50% + left: 50% + translate: -50% -50% was for when not knowing the dimensions, but here you know them: they are exactly those of the container
Install bonfire.cafe
Get the full app experience
