Implement Holy Grail Layout which includes header, left sidebar, body, right sidebar and footer. 1. it should be sticky footer 2. left sidebar and rig…

22. Grid Layout 1

20. sticky footer

21. Holy Grail Layout

<pre class="shiki github-dark shaku"><code>.container { min-height: 100%; display: grid; grid-template-areas: "head head head" "left body right" "foot foot foot"; grid-template-columns: 100px 1fr 100px; grid-template-rows: auto 1fr auto;}.header { grid-area: head;}.left-sidebar { grid-area: left;}.body { grid-area: body;}.right-sidebar { grid-area: right;}.footer { grid-area: foot;}</code></pre>