Two Sections Side By Side

[ProRugby2025]

hello everyone,

I am making a webshop for a customer and I am stumbeling against something.

I want to have two sections side by side. The first section is identified by "shopify-section-template--23693559038280__rich_text_mBk7Pr". The seconnd section is identified by "shopify-section-template--23693559038280__multicolumn_zziW9P". I want it to be like the picture I provided. The website is https://0xcinp-eb.myshopify.com/ with password chiesk. 

I hope any of you can help me out. 

Kind regards,

Jonathan

ps. this is how I want it to be

[tim · Accepted solution]

You can do that by adding the following code to the Customize=> "Theme settings"=> "Custom  CSS":

main {
  display: grid;
  grid-template-columns: 1fr 2fr;   /* split 33% to 66% */
}
main>* {
  grid-column: 1/3;
}

@media (min-width:990px){
  section#shopify-section-template--23693559038280__rich_text_mBk7Pr {
    grid-column: 1/2;
  }
  section#shopify-section-template--23693559038280__multicolumn_zziW9P {
    grid-column: 2/3;
  }
}

[ProRugby2025]

Thank you so much Tim, you have no idea how much this has helped me.