The Holy Grail Layout is a popular web design pattern that consists of a header, footer, and three columns where the center column is the main content and the side columns are for additional content or navigation. Implementing this layout efficiently and responsively is essential for many web applications.
Your task is to create a responsive Holy Grail Layout using HTML and CSS