for spellcheck function

• [ ] look up what normal sections for software docs are
• [x] look up code tag usage
  • code is inline, pre is for blocks but you should wrap code around pre (or vice versa?)
• [ ] you can start with just making the nav sit at the top in the mobile view before adding a fixed menu bar with dropdown

ref

• CSS Dropdown Menu (codepen.io)
  • use an invisible checkbox (opacity 0) to toggle the menu dropdown, make a ul for the dropdown the next sibling after the checkbox, give the dropdown 0 height, and then set toggle:checked + dropdown to give it a height (you can also put a height transition on the dropdown ruleset). you probably also wanna give it some z-index to make it overlap other elements, possibly will also need absolute position for that, idk. instead of the height hing you cna probably also make it invisible by default and then become visible for the checked state. (maybe look up the ~ combinator or some other one to use instead of + so that the dropdown doesn’t need to come immediately after)
  • think about the accessibility of this—like how will you label the checkbox for screeen readers/voice navigation

notes

• fcc example:
• how to make the sidebar for nav
  • they used fixed position on the left navbar and absolute position on main to make the navbar stay on the left in desktop view, and absolute posotion on both in mobile view. that feels bad to me???
  • could put a flex container around the navbar and the rest of the body—this would be more naturally responsive too
  • float, but apparently that’s “brittle”
  • grid seems overkill