#css

I want to create a responsive three-column layout. The middle column should be fluid, and the side columns should have a fixed width. Show me how to achieve this using both CSS Flexbox and CSS Grid. Explain the pros and cons of each approach for this specific layout.