@nenadmne
Posted
Container has overflow:hidden so left half of your box is hidden outside of container, because its position is relative to parent who has hidden overflow. Simple solution would be that parent for the box image is body, so its wraped out of overflow. body::after
There is probably 20 more solutions arround just pointing out the most newbie one
@mbonamensa
Posted
@nenadmne Yeah, I tried this, but on the main which is outside of the overflow: hidden and the absolute positioning does not stay in one place when the screen is resized.
@nenadmne
Posted
@mbonamensa it will always change as long as you dont make specific width and height to the box parent container. Why? Because you say i want box to be left:-68px from my parent container. And when you resize parent container it will move diferently around. IF your parent has 300px width or 600px width is making difference.
So you need to make strict width and height of .container and it will always be in same place in resposive way. Curently your width is at 85% width of the screen.
@mbonamensa
Posted
@nenadmne Ohh okay, this makes sense. That means my width has to be fixed which will affect responsiveness as well, no?
@nenadmne
Posted
@mbonamensa yes, fix the width/height. No units that are changable, anything changable like % will change box too becuz its dependent on them.
@mbonamensa
Posted
@nenadmne Right, thank you for your help!
