##<app-header-layout> app-header-layout is a wrapper element that positions an app-header and other content. This element uses the document scroll by default, but it can also define its own scrolling region. Using the document scroll: ```html
App name
main content
``` Using an own scrolling region: ```html
App name
main content
``` Add the `fullbleed` attribute to app-header-layout to make it fit the size of its container: ```html ... ```