Two-column Threads by michelolvera

/* ==UserStyle==
@name         www.threads.net - dic 2023
@version      20231213.19.03
@namespace    ?
==/UserStyle== */

/* ==UserStyle==
@name           Two-column Threads
@namespace      github.com/openstyles/stylus
@version        0.0.1
@description    A Stylus script to display posts in two columns on threads.net
@author         Michel Olvera
==/UserStyle== */

@-moz-document url("https://www.threads.net/") {
/* Target the container of the posts */
div[class="x9f619 x78zum5 xdt5ytf x1iyjqo2 x1gryazu xkrivgy xh8yej3 x1vjfegm x1iymm2a x6904fr x15mrz16 xdezb45 xobwaui x18obnno x1whvj5h x1pdq7kp"]{
    max-width: 1230px !important
}

div[class="xnn1q72 x13dflua x11xpdln"]{
    /* Use CSS Grid Layout for the posts */
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns of equal width */
    grid-gap: 16px; /* Space between grid items */
    max-width: 100% !important
}

div[class="x137v6ai"]{
    grid-column: span 2
}

}