Change the container layout to add sidebars
- Open Catalog Page we created in previous tutorials
- Select Container 1 from the Content panel on the left
- Select Layout from the Properties panel
- Change the layout to the following
![](https://gblobscdn.gitbook.com/assets%2F-MThcABm72pwqrTwT27D%2F-MUZlyniDpbdmiy8Wf7M%2F-MUZqHUeoNaFNf2Hxi1Z%2Fcatalog_page_layout.png?alt=media&token=b09e2586-f912-4986-8803-c6b94cce98a2)
- Click Edit layout code
- Update grid-template-columns property from the layout.
"grid-template-columns": "9fr 3fr"
- Update the layout to add some margin with following snippet.
"styles": { "margin": "2rem auto 4rem 2rem" },
- Click Save ifnot save already
- End result should be something like this
- Check other properties of the layout as well which can be modified for fit your purpose like max-width, grid-gap etc.
![](https://gblobscdn.gitbook.com/assets%2F-MThcABm72pwqrTwT27D%2F-MUZqnIOaOFmRj8nw-mA%2F-MUZsXjix8bQTCEKYdHU%2Fcatalog_page_layout_2.png?alt=media&token=a306d0be-4b2d-4e82-9291-879f2a882aeb)
Great!! We have successfully modified the layout to fit our purpose.