* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: rgb(155, 223, 153);
}

#container{
    display: grid;
    /*grid-template-columns: 1fr 1fr 1fr; */
    /*grid-template-columns: repeat(3, 1fr);*/
    grid-template-columns: repeat(2, 1fr) 2fr;
    gap: 20px;
}

/* Individual items */
.grid-item{
    min-height: 300px;
    background-color: rgb(167, 239, 241);
    /* rotate: 13deg; */
}

.grid-item.a{
    min-height: 300px;
    background-color: rgb(167, 239, 241);
}

.grid-item.b{
    min-height: 300px;
    background-color: rgb(167, 239, 241);
}

.grid-item.c{
    min-height: 300px;
    background-color: rgb(167, 239, 241);
}

.grid-item.d{
    min-height: height 300px;
    background-color: rgb(167, 239, 241);
}

.grid-item.e{
min-height: height 300px;
background-color:rgb(167, 239, 241);
}

.grid-item.f{
    min-height: height 300px;
    background-color:rgb(167, 239, 241);
} 

.polaroid{
    border: 20px solid white;
    border-bottom: 60px solid white;
    box-shadow: 2px 10px 13px rgb(93, 138, 173)
}

@media screen and (max-width: 1024px) {
    #container {
        grid-template-columns: repeat(2, 1fr);
    }
    
}