Grid: Add spcing to header and content container

Author: nginx-jack

assets/css/v2/style.css

@@ -352,6 +352,7 @@ ol li:last-child {
 .header {
   grid-area: header;
   display: flex;
+  padding: 0 var(--space-s);
 
   .header-container {
     display: flex;
@@ -394,7 +395,7 @@ ol li:last-child {
 .content {
   grid-area: content;
   justify-self: center;
-  padding: var(--space-s);
+  padding: 0 var(--space-l);
   max-width: var(--content-max-width);
 
   /* Allow redocly to fill the entire container */

layouts/partials/header.html

@@ -1,3 +1,7 @@
 {{ define "header" }}
-I am the header
+<div class="header-container">
+    <div>Product Selector</div>
+    <div>Search</div>
+    <div>F5 Sites</div>
+</div>
 {{ end }}