If you set the .toolbar (first child of <body>) to position: sticky you won't need to set a margin-top on the <html> which is easier to maintain and allows writing less styles if you want to change the height/elements within the top nav at different media query breakpoints. I wonder if it's more performant for mobile devices as well π€·πΌββοΈ I remember apple.com had their top nav (mobile only) using position: sticky but now they are using position: fixed π€ (Though that appears to be for the blur effect they have)