So my "mother" div is set to 100% and my "normal" div is 1000px. I ussualy work like this and it works but now if you see
HERE when you shrink the browser window some white space appears also it looks like that on mobile (smaller screen ofc).
If you give your container a width of 100% then that's all you get. That may be the source of your problem. Remove the 100%. There is no reason for it anyway.
So my "mother" div is set to 100% and my "normal" div is 1000px. I ussualy work like this and it works but now if you see HERE when you shrink the browser window some white space appears also it looks like that on mobile (smaller screen ofc).
It's the second div with blue background.
NORMAL
SHRINKED
Strange and what could be causing this
Set min-width: 1000px; to the parent div. It is child div's full width that creates the empty space while 100% can be less than 1000px.
Thanks but how to adjust this for responsive ? The middle div looks weird now with media queries.
For example if your look at this site for footer the parent doesn't have min-width when it shrinks to work properly like i have to ...
Don't get it
If you give your container a width of 100% then that's all you get. That may be the source of your problem. Remove the 100%. There is no reason for it anyway.
There is still white space as it seem a bit smaller now, is it maybe cause by padding ?
Here's the code also IMG (white space on the right when shrinked) . I was without that space for a while then it occured. Please help
Also same on my Android, little white space on the right. Check it out
solved: Problem padding I've done in the child element