Lighthouse UI Not Resizing Correctly

[dvangonen]

Description

When resizing Lighthouse panel in Chrome DevTools, it does not adapt to the container size!

Steps to Reproduce:

1. Open Lighthouse in Chrome DevTools
2. Resize the DevTools panel horizontally to about 450px
3. Observe the broken layout

Expected Behavior:

The Lighthouse UI should be as reponsive as its standalone verison.

In the image below you can see the standalone version of the lighthouse, and each element is adapted correctly.

Solution

The problem is that @media queries relay on the viewport, but not on the container itself.

Check this Pull Ruquest please

[adamraine]

Yeah, I think we can use container queries or something for this.