How to See when Element Breaks

[valarcher]

Hi - it used to be that you could do this in chrome:

• to see at what point two elements are overlapping (your breakpoint for @media) use Chrome
  • bring up developer tools (rgt-click/inspect element)
  • click the maximize icon to restore window down
  • drag slowly + you’ll see screen dimensions at top right They disappear when you stop dragging.

But now that no longer works. No screen dimensions display top right.

Am I doing something wrong?

thanks! - Val

[PaulOB]

@valarcher

But now that no longer works. No screen dimensions display top right.

That’s because you’ve got the device view set to 2560px so there is no need to know what the layout is because you set it to 2560px

Turn off the device view (the second icon on the top left of the inspector) and then the screen dimensions will appear when you resize the window.

[valarcher]

oh wow thank you Paul. I would never have known that in a gazillion light years I can’t even recall how I managed to get that TV view up there!

[valarcher]

Oh I got it, you click on the iPhone, iPad icon, then on the dropdown next to 27"