.allItems {
}

    .allItems .itemContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
    }

        .allItems .itemContainer .eachItem {
            flex-basis: 200px;
            height: 300px;
            margin-bottom: 2em;
            position: relative;
            overflow: hidden;
            background-color: #e9e9e9;
            padding: 10px;
        }

            .allItems .itemContainer .eachItem .cover {
                width: 100%;
                height: auto;
            }

            .allItems .itemContainer .eachItem .belowText {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                padding: 5px;
                background-color: rgba(0, 0, 0, 0.44);
            }

                .allItems .itemContainer .eachItem .belowText .title {
                    display: block;
                    font-size: 1.3em;
                    font-weight: 700;
                    color: rgb(255, 255, 255);
                }

                .allItems .itemContainer .eachItem .belowText .date {
                    display: block;
                    font-size: 1em;
                    font-weight: 500;
                    color: rgb(255, 216, 0);
                }