Navigation & Hamburger

You should place <nav> outside of any <header> element to keep the navigation its own landmark role [dev.to/masakudamatsu].

The details element is not accessible when used as a hamburger navigation [cloudfour.com, melsumner/details-as-a-menu].