Safari web inspector: view css grid

Question

Is there a way to see the position of the grid with Safari Web Inspector like Firefox do it with grid inspector ?

question from:https://stackoverflow.com/questions/65895704/safari-web-inspector-view-css-grid

Answer 1

Stretching the Metrics tab in Inspect Element's Right side pane of Elements tab will display the css box model with padding, border, margin and position.

If you are using Safari version 9.1, you can see it by selecting "Styles - Computed" in the Styles dropown in the Styles drawer on the right of the dev tools. (The Styles section otherwise defaults to "Styles - Visual", so you need to make the selection to make the box visible). Hope this helps.

The question was about grid inspector. There is no grid inspectors in Safari. Although Safari is noted for Safari Responsive Design mode there is no grid inspector in Safari yet.