<!-- To add an extended head section, please create `layouts/partials/extended_head.html` in your Hugo directory. --> <style> #banner { width: 100%; height: 2rem; display: grid; grid-template-columns: 1fr auto; background: var(--accent); } #banner span { display: flex; align-items: center; justify-content: center; } #banner a { color: var(--background); display: inline; } #banner > button { padding: 0 5px 0 0; margin: 0; } </style> <div id="banner"><span><a href="{{ $.Site.Params.Banner.url }}">{{ $.Site.Params.Banner.text }}</a></span></div>