Template:Home/Polaroids/styles.css: Difference between revisions

Template page
(Created page with "#polaroid-gallery li { display: inline-block; } #polaroid-gallery { width: 50%; } @media (max-width: 850px) { #polaroid-gallery { width: 100%; } }")
 
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
#polaroid-gallery li {
#polaroid-gallery {
     display: inline-block;
     grid-column: span 2;
}
}


#polaroid-gallery {
#polaroid-gallery ul {
     width: 50%;
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}
}


@media (max-width: 850px) {
#rotate-script {
#polaroid-gallery {
     display: none;
     width: 100%;
}
}
}
/*
@media only screen and (min-width : 751px) {
    #polaroid-gallery {
        grid-column: span 2;
    }
}*/

Latest revision as of 20:59, 1 June 2023

#polaroid-gallery {
    grid-column: span 2;
}

#polaroid-gallery ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}

#rotate-script {
    display: none;
}

/*
@media only screen and (min-width : 751px) {
    #polaroid-gallery {
        grid-column: span 2;
    }
}*/