Retina Theme: 3 column section on the home page

[JanJhnstn]

I can't seem to make the html work for a three column text section on my home page. The theme is Retina from Out Of The Sandbox and it doesn't include a multi column section built in. My attempts look great in the editor but don't work on the live site. Any help to resolve this seemingly simple request? URL is janjohnstonartworks.com

The three text columns below the product section is what I'm looking to solve. This is the view in the editor from the html I've written.

But, this is the live home page shows three rows instead of the three columns from my html.

 

 Thanks,

Jan Johnston

[Moeed]

Hey @JanJhnstn 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
section.custom-html .container {
    display: flex !important;
    gap: 2rem !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JanJhnstn]

That works! Now I have the three columns but they are unequal in width. Is there specific way to specify the column width in html? I'm using 

<div class="six column"></div> and <div class="one-third columns"></div> but both are producing same result = uneven column widths.

Thanks in advance,

Jan Johnston