Breakpoint container breakpoint limit

Ignition
21

could you show me a screen of the browser while is small?
press ctrl+shift+i while in chrome
go to elements and select the html on top. Then on styles scroll down a bit untill you see marging/border/padding squares. (i tried to highlight the relavent things)

image
image1917×891 46.2 KB

and then make the browser smaller, the pixel values should appear in those squares.

22

image
image547×932 30.7 KB

I do see the header changing when I am inspecting. So I am in small header right now on my browser; but as soon as I close the inspection section I cannot see the small header.

23

Then you arent going small enough yet i guess.

if its working with the inspector i dont see how it couldnt work if you not use it. Are you sure your browser is small enough?

24

That is very odd to me as well, the browser without inspect section does not allow me to narrow the screen beyond M header.

25

Oh hm i just did notice the browser does seem to have a limit to how much you can minimalise.
I didnt know that xD
So it does work, its just chrome that doesnt allow itself to be small enough for the breakpoint to matter on windows

googled it:
“With my Chrome browser on Windows, the minimum width is 500px. On Mac, the minimum is 400px.”

26

Thank you very much, Victor. I do really appreciate you information. :slight_smile: It really helped me.

27

no problem^^