How to Inspect a Grid
To inspect the grid layout of an element on a web page, follow these steps:
Step 1: Using Edge, visit a site that uses grid layouts. Right-click on the page and select Inspect from the context menu that appears. This will open DevTools.
Step 2: Click the Elements tab in the DevTools and in the DOM, find elements with a grid label, or use the inspect tool to focus the element in the DOM. Click on the grid label to activate the grid inspection.
Inspecting CSS Grid in Microsoft Edge Browser
CSS has grid layouts, which allow developers to arrange elements in rows and columns. In DevTools, the Elements tool provides a layout pane where you can customize various options related to the inspection of any grid layout on the page.