How to ignore borders when positioning any element ?
for example -
I have an image with
img{
position: absolute;
left:10%;
border:10px solid black;
height:80%;
width:80%;
}
I want the image in the center no matter if the border is removed or the width of the border has been changed (ignore the borders) .
box-sizing:border-box;
box-sizing:content-box;
could help you
https://www.w3schools.com/cssref/css3_pr_box-sizing.asp
experiment with this on your own, because I know you're pro so I won't tell you everything :)
