Arrows on most pages are not positioned by % (are &nbsp)

[tracielin]

Use "invisible" options.
E.g. "half_right_invisible"
(See some more recent pages for examples. Find 'invisible' in Atom)

Only middle priority if switch-to-mobile-by-screen-size is implemented! (If not, higher priority)

[tracielin]

On 8/13/22, corrected the positioning (to by %) for all "half"/50% arrows.

Did not yet tackle thirds, quarters, fifths.
Also did not view all pages to verify that views appropriately.

[tracielin]

On 12/3/22, used the following code such that the % size of child divs and sections is based on the parent div or section, rather than the viewport width. Thereby also modified the sizing parameters in the css classes for the half/thirds/quarters/fifths classes.

div{
box-sizing: border-box;
}

section{
box-sizing: border-box;
}

See: https://stackoverflow.design/product/base/box-sizing/#examples