What's going on?
- We have used the cover layout to create a hero area at the top of the page.
- Nested inside the cover layout is a cluster layout for the global header. This uses
justify-content: space-betweento separate the logo and navigation. - Another cluster layout is nested inside the global header to create the main navigation.
- The
h1and ‘footer’ portion of the hero are each centered using a utility class.