I also tested directly Your suggestion on codepen using Your overview demo but I didn’t get the wanted result.
I added
width: 10%!important;
width: 5%!important;
to the grid layout overview code but Logo took 10% of a 2 column space it didn’ make col-2 large as 10% of the whole space.
What I need is to say first column is 10% wide of the whole space, second is 30% of the whole space and so on.