Utilize Firefox Developer Tools to Visualize CSS Grid Styles

For this lesson, you will need to install Firefox Browser Developer Edition to use the CSS Grid dev tools available within the browser.

Once installed, you can right-click on your HTML page, hit inspect, and look over to the right side of the tools. There is a grid section that you can open that will let you visualize your CSS Grid in a helpful way as you continue developing your app. This is great for troubleshooting if you don't know why your grid is misaligned.