A dashboard uses `grid-template-columns: 240px 1fr`. A long line inside a `<pre>` forces horizontal page scrolling. How can the main column shrink while allowing the code

I’m working on a dashboard with a sidebar, a main content area, and a right panel. Which layout approach would you recommend for making this responsive without lots of me