Makes Instagram use its space better by filling the screen with 6 pictures per row instead of 3 on profile pages.
/* ==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
}
}
}