21. Holy Grail Layout

- accepted / - tried

Implement Holy Grail Layout which includes header, left sidebar, body, right sidebar and footer.

it should be sticky footer
left sidebar and right sidebar should be fixed width of 100px.
styles of color .etc are already set for you, only layout related CSS code is needed.

<div class="container">
  <header class="header">header</header>
  <div class="left-sidebar">left sidebar</div>
  <div class="body">body</div>
  <div class="right-sidebar">right sidebar</div>
  <footer class="footer">footer</footer>
</div>

1.footer sticks to bottom if content is short

2.otherwise footer is displayed as normal

3.event be pushed out from viewport if enough content

prev next

(19)