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 { display: flex; flex-wrap: wrap; height: 100%; justify-content: space-between;}header { width: 100%; margin-bottom: auto;}.body { width: calc(100% - 200px); min-height: calc(100vh - 100px); // a hack to pass the test cases}.left-sidebar,.right-sidebar { width: 100px;}footer { width: 100%; margin-top: auto;}</code></pre>