Custom Gallery Tutorial Part 3

 

 

 

 

#result{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-template-rows: auto;

    grid-gap: 25px;

    text-align: center;

    /* margin-top: 100px ; */

    padding: 10px;

    border-radius: 15px;

    /* border: 2px solid green; */

    height: 570px;

    overflow-y: auto;

    width: 90%;

    margin-top: 40px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0px;

    background-attachment: fixed;

    /* background-color: rgb(10, 10, 10); */

}

 

#result::-webkit-scrollbar {

    display: none;

}

 

#result img{

    width: 100%;

    height:380px;

    background-repeat: no-repeat;

    background-size: cover;

    cursor: pointer;

    background-position: center;

    border-radius: 5px;

    border: 2px solid rgb(248, 243, 243);

}

 

#result img:hover{

   opacity: 0.7;

   transition: all ease-in-out 100ms;

   /* background: black; */

   /* background-image: radial-gradient(red,green); */

}