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

body {
    background-color: aqua;
}

#container {
    padding: 10px;
    display: grid;
    /*grid-template-columns: 1fr 1fr 1fr; */
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    max-width: 2000px;
}

.grid-item {
    background-color: cornflowerblue;
    min-height: 300px;
}

.grid-item.a {
    background-color: blueviolet;
}

.grid-item.b {
    background-color: rgb(0, 4, 255);
    box-shadow: 3px 12px 20px;
    border: 20px solid white;
    border-bottom: 60px solid white;
}

.grid-item.c {
    background-color: rgb(0, 213, 255);
}

.grid-item.d {
    background-color: rgb(201, 87, 254);
}

.grid-item.e {
    background-color: rgb(0, 200, 255);
}

.grid-item.f {
    background-color: rgb(0, 140, 255);
    box-shadow: 3px 12px 20px;
    border: 20px solid white;
    border-bottom: 60px solid white;
    rotate: 20deg;
}

.grid-item.g {
    background-color: rgb(255, 0, 234);
}