Finding mismatched HTML tags in content

Part of building out pages in the StoreFront system is adding content.  When adding content to a responsive site it's absolutely critical that all your tags match up.  Accidentally opening a div without closing it or closing too many divs can completely break the page.  In this brief tutorial we will show you how the HTML editor used by StoreFronts will point out the problems in your HTML.  First let's navigate to the content section of the page editor.  Click on the full screen icon next to the content as shown in the screen shot below.

This will change the editor into full screen mode so all you see is the content.  Notice how the editor automatically highlight tags that do not match up or are out of order.

Fix all the mismatched tags, toggle the full screen mode off by clicking the icon in the upper right, and then save the page.