Gecko [ gandhischool.edu.np ]

Name	Size	Permission
bootstrap.min.css	214.48 KB	-rw-rw-r--
responsive.css	4.68 KB	-rw-rw-r--
show-gallery.css	1.88 KB	-rw-rw-r--
style.css	13.58 KB	-rw-rw-r--
variable.css	2.36 KB	-rw-rw-r--

Code Editor : show-gallery.css

/* *. :after,
        :before {
            box-sizing: border-box;
        } */

.clear:after,
        .clear:before {
            content: '';
            display: table;
            clear: both;
        }

.gallery {
            display: flex;
            flex-wrap: wrap;
            border: 10px solid #fff;
            width: calc(100% - 50px);
            margin: 60px auto 0;
        }

.gallery a {
            display: block;
            text-decoration: none;
            width: 25%;
            overflow: hidden;
            outline: none;
        }

.gallery a img {
            height: 100%;
            transform: scale(1, 1);
            transition: all 300ms ease;
        }

.gallery a img:hover {
            transform: scale(1.1, 1.1);
        }

.bg {
            width: 100%;
            height: 200px;
            background-size: cover;
            transform: scale(1, 1);
            transition: all 300ms ease;
            margin: 6px 6px 0px 6px;
        }

.bg:hover {
            transform: scale(1.1, 1.1);
        }

@media(max-width: 991px) {

.gallery a {
                width: 50%;
            }

}

@media(max-width: 767px) {

.gallery a {
                width: 100%;
            }

.bg {
                height: 300px;
            }

}

.bg{
            position: relative;
            z-index: 1;
        }
        .description{
            position: absolute;
            z-index: 999;
            bottom: -15px;
            left: 0;
            /* left: 10px; */
            width: 100%;
            text-align: center;
            height: fit-content;
            background-color: #0000005e;
            padding: 2px 18px 10px 9px;
            font-size: 13px;
            color: #fff;
            line-height: 17px;
        }

${this.title}

Code Editor : show-gallery.css