PowerPack Content Grid - Replicate Style 6 with Custom Layout (Beaver Themer)

layout.css

.pp-post {
    height: 100%;
}
.pp-post-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 0;
}
.pp-content-grid-post {
    font-size: 14px;
    text-align: center;
}

.pp-content-post-date {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    background-color: #AB1A37;
    color: #ffffff;
    text-align: center;
}
.pp-content-post-date span {
    display: block;
    color: #fff;
    font-weight: bold;
}

.pp-content-grid-post-text {
    padding: 20px;
    height: 100%;
}
.pp-content-grid-post-title {
    font-size: 20px;
	line-height: 26px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
.pp-content-grid-post-title:hover {
    color: #AB1A37;
}
.pp-content-grid-post-meta {
    padding: 0;
    margin-top: 5px;
}
.pp-content-grid-post-meta a {
    text-decoration: none;
}
.pp-content-grid-post-meta,
.pp-content-grid-post-meta a {
    color: #888;
    font-size: 12px;
}
.pp-content-grid-post-meta a:hover {
    color: #000;
}
.pp-content-grid-separator {
    height: 2px;
    width: 60px;
    background: #2460C2;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pp-content-grid-post-more-link {
    margin-top: 10px;
    margin-bottom: 20px;
}

layout.html

<div class="pp-post">
    <div class="pp-post-body">
        [wpbb-if post:featured_image]
        <div class="pp-content-grid-image pp-post-image">
            <div class="pp-post-featured-image">
                [wpbb post:featured_image size="large"]
            </div>
        	<div class="pp-content-post-date pp-post-meta">
        		<span class="pp-post-month">[wpbb post:date format="M"]</span>
        	    <span class="pp-post-day">[wpbb post:date format="j"]</span>
        	</div>
        </div>
        [/wpbb-if]
        <div class="pp-content-grid-post-text">
        
            <h2 class="pp-content-grid-post-title">[wpbb post:link text="title"]</h2>
        
            <div class="pp-content-grid-post-excerpt">
            	[wpbb post:excerpt length="17" more="..."]
            </div>
        
        </div>
        
         <div class="pp-content-grid-post-more-link">
            <a href="[wpbb post:url]">Read More</a>
         </div>
     </div>
</div>