Keeping track of which divs to exit in Codepen

Hi,

I create closing div tags in advance and hard return them down a few lines. But after going through 6 or 8 divs it can be hard to create a new page area because I don’t remember which closing div tag closed the prior section. Codepen doesn’t seem to offer any highlights for this. Indents do not seem to tell the story, at least not from the way Codepen does their auto-indents.

Anyone know a good way to assess the right closing tags quickly?

You can put a comment right above the div stating which it’s closing, i.e.

<opening of many divs>
...
...
<-- end of nav div -->
</div>
<-- end of container div -->
</div>
1 Like

Use Pug/Jade and never close a div again ;D (Works on Codepen too.)

2 Likes