 So say Naktang Ordnia, I'm Jessalyn. Let's dive into what's new in DevTools in Chrome 92. First up, a highly requested feature. You can now preview and author CSS Grid with the new CSS Grid Editor. In the styles pane, spot the new icon next to the display grid or display inline grid. Click on it to toggle the Grid Editor. Now you can play with the options to change the grid appearance. For example, here I changed the justify items to center or end to see the differences. Next, a long awaited feature of mine. The console now supports the redeclarations of const statement. It is common for developers using the console to experiment with new JavaScript code. We copy-paste the code in the console and run it. Then we mix more changes and repeat the process. Previously, DevTools tril a syntax error if the code redeclare a const spiding. Not anymore. Next, you can now view the order of source elements on screen. The order of content in a HTML document is important for search engine optimization and accessibility. On the page, select an element and open the accessibility pane. Check the source order option and you can see the source order of the elements. Next, a new shortcut to view iframe details. Right-click on an iframe element in the elements panel and select show frame details. This takes you to a view of the iframe details in the applications panel where you can check the document details, permissions policy and more to debug potential issues. Cross-origin resource sharing or course errors are now shown in the issues tab. Click on the issues count button to open the issues tab. There are many reasons causing course errors. Click to expand each issue to understand the potential causes and solutions. Next, two minor updates in the network panel. The XHR label is now renamed to Fesh XHR. This change makes it clearer to filter includes both XML-HTTP request and Fesh API network request. Besides that, there is also a new option to filter the wasm network request. Here is a bonus tip. Use the emulate a focus page option to debug any focus triggered element. For example, there are times you might want to debug a search dropdown. However, when you right-click dropdown is gone. Let's solve this by pulling out the run command, type focus and select the emulate a focus page option. Problem solved! Alright, there are more new features in Chrome DevTools 92. As usual, go to the video description for the link to my blog post and other information. Thanks for watching. See you in 6 weeks for Chrome 93. Bye!