have two different column widths one div (Css, html, Js Jq) : i am currently trying to have a single div with a huge text split into two columns which have different widths.

you could say, split up your text into two divs. which is not possible since i also want to be able to adjust the widths when nessesary

lets say my html file looks like this:

    <style>
        #article{
            width: 100%;
            column-count:2;
            column-gap 10vw;
            //webkit & moz stuff about columns
        }
    </style>
    <article id="main-article">
        really long text devided into two columns...
    </article>

JS or JQ will be allowed to spit up the text afterwards