Greasy Fork

nice script, I get 3 columns now but I can't get it edited into 2 columns too.
You wrote the lines to adapt in the userstyle version but can you also show what lines (numbers) to change in the SCRIPT version?
I tried 1136 and 1137 to 47% but that didn't work

thanks

Haa sorry :
DuckDuckGo change its code since a long time now and i forgot to change my example for the 2 columns...

Now you need to play with (find it in the userstyle) - should be the same with the script version:
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"])

By example, 2 Columns:

/* (new33) .nrn-react-div - TOP - ALL */
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"]) {
float: left !important;
clear: none !important;
min-height : 155px ! important;
max-height : 155px ! important;
min-width : 45% ! important;
max-width : 45% ! important;
margin-right: 4px ! important;
padding: 1px 1px 1px 35px ! important;
border: 1px solid gray ! important;
}

Now they deploy a new code (i named it "Organic"....)
So the trick to change the number of columns change too.
:-)

If you want less or more columns, you can play with the width variable of :
#react-layout > div > div section ol.react-results--main li[data-layout="organic"]
(find it in my userstyles and play )

By example to have 2 columns:

/* (new43) NEW CODE - RESULTS ITEMS */
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 49.6% ! important;
max-width: 49.6% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
border: 1px solid gray ! important;
}