Instagram 6 photos per row

Makes Instagram use its space better by filling the screen with 6 pictures per row instead of 3 on profile pages.

当前为 2021-07-21 提交的版本，查看最新版本。

换行

/* ==UserStyle==
@name           Instagram 6 photos per row
@namespace      legosavant
@version        1.0.0
@description    Makes Instagram use its space better by filling the screen with 6 pictures per row instead of 3 on profile pages.
@author         legosavant
==/UserStyle== */

@-moz-document domain("instagram.com") {
.Nnq7C {
    display:inline-flex
}
.ySN3v > div > div, ._2z6nI > article > div > div {
    display:block
}
._bz0w { /*huge spacing is stupid*/
    margin-right:14px
}
.weEfm { 
    margin-bottom:14px
}
.Nnq7C:nth-child(odd) {
        margin-right:14px
}
@media (min-width:0px) {

.Nnq7C>* { /*width of images*/
    width:101px!important;
    flex:none
}
}
@media (min-width:850px) {
.v9tJq {
    max-width:790px /*width of main profile page*/
}
.Nnq7C>* { /*width of images*/
    width:120px!important;
    flex:none
}
}
@media (min-width:1150px) {
.v9tJq {
    max-width:1090px /*width of main profile page*/
}
.Nnq7C>* { /*width of images*/
    width:170px!important;
    flex:none
}
}
@media (min-width:1366px) {
.v9tJq {
    max-width:1330px /*width of main profile page*/
}
.Nnq7C>* { /*width of images*/
    width:210px!important;
    flex:none
}
}
@media (min-width:1750px) {
.v9tJq {
    max-width:1690px /*width of main profile page*/
}
.Nnq7C>* { /*width of images*/
    width:270px!important;
    flex:none
}
}

@media (min-width:1919px) {
.v9tJq {
    max-width:1846px /*width of main profile page*/
}
.Nnq7C>* { /*width of images*/
    width:296px!important;
    flex:none
}
}
}

欢迎访问Greasy Fork镜像