div elements sibling to the main links. By setting the container as a grid and hiding the submenus, I can change the columns of the grid when a submenu is shown on interaction and move the submenu over. While it achieves the visual, it doesn't make for good accessibility practices, imo. We tried throwing JS at it, but it's not working.li elements, and that's where my challenge lies.display: contents and position anchoring, but I don't think they quite solve the problem. What I need is a way to: