[null, null, {"document_url": "https://support.weareunderground.com/article/121-create-a-2-column-page-layout", "unformatted_src": "//d33v4339jhl8k0.cloudfront.net/docs/assets/59b872772c7d3a73488ccfc6/images/5b442cd30428630abc0be05b/file-W6EOYKHenP.png", "src": "http://d33v4339jhl8k0.cloudfront.net/docs/assets/59b872772c7d3a73488ccfc6/images/5b442cd30428630abc0be05b/file-W6EOYKHenP.png", "formatted_filename": "file W EOYKHenP"}, null, {"document_url": "https://support.weareunderground.com/article/121-create-a-2-column-page-layout", "unformatted_src": "//d33v4339jhl8k0.cloudfront.net/docs/assets/59b872772c7d3a73488ccfc6/images/5b442d000428630abc0be05d/file-FaNHHXc0At.png", "src": "http://d33v4339jhl8k0.cloudfront.net/docs/assets/59b872772c7d3a73488ccfc6/images/5b442d000428630abc0be05d/file-FaNHHXc0At.png", "formatted_filename": "file FaNHHXc At"}, null]
How to create a multi-column page layout

Using the grid framework that our themes are built on provides a very simple way to create multi-column pages within your store.
The following is designed to work on both pages and blog articles from within your Shopify Admin.
 Open a Page or Blog article in your Shopify Admin. Add the content and images to your page. On the top right of the Content window click on the < > (show HTML) icon on the top right side. You are now editing the page within the HTML view and will see what your page looks like in code view.
 To create two equal columns which will be 50% width on Desktop and Tablet and then stacked on Mobile add this:


To create two columns where the left is 1/3 of the page and the right is 2/3 of the page use this: Click save when done, this will split that page into two columns when viewed on the customer side of the site.



