Present criteria as not-tables

[funnelfiasco]

This improves small-screen readability and removes/moves extraneous information for easier skimming.

Some choices I made:

• I went with just the ID and criterion because the level is in the heading and the category is in the ID. I added them to the detailed view for completeness sake.
• I could have iterated over the three levels instead of copy pasta, but
  1. The more code blocks we add, the more complicated the template gets
  2. I think we'll eventually want to add a brief description of each level before we start listing the criteria, so this is future-proofing against that a bit
• Edit to add the other thing I was going to put here: this approach requires no muddling with CSS, adding plugins, etc and still achieves the overarching goal

Preview available as https://funnelfiasco.github.io/security-baseline/

Fixes #99

[eddie-knight]

Thanks for making this happen, I think this is the right approach.

Something feels just a bit off with the list, but I can't put my finger on it. Perhaps it's the lack of a leading list mark on each line, or the use of an emdash 🤔 Just feels like it's almost there, but not quite.

[funnelfiasco]

Perhaps it's the lack of a leading list mark on each line, or the use of an emdash

I considered putting them in an unordered list but I thought that would make it worse in terms of padding between entries. We could certainly solve that with CSS, but I don't think a list is quite the right approach. I do love emdashes, but we could potentially remove them here, or replace them with a colon.

What about bolding the ID so that it stands out a little better?

• OSPS-AC-01 The project’s version control system MUST require multi-factor authentication for collaborators modifying the project repository settings or accessing sensitive data.