Firefox DevTools – Flexbox & CSS Grid Inspectors

The Firefox’s new Flexbox Inspector tool designed by Firefox’s DevTools design team is arriving with FireFox 65. This together with CSS Grid Inspector will greatly facilitate web layout design using CSS Grid and/or Flexbox. MDN Documents has created excellent guides for CSS Grid Layout and CSS Flexible Box Layout.

Victoria Wang, a UX designer and Firefox DevTools team member at Mozilla, has an excellent behind the screen post on Designing the Flexbox Inspector, a must read for Firefox Devtools users.