Responsive Blog Post Design Code Snippet : CSS http://www.nextbootstrap.com/p/responsive-blog-post-design-code.html

blog.css

.news-blog {
padding-bottom: 80px; 
}
.news-blog .btn {
color: #60b94e;
border-color: #60b94e; 
}
.news-blog .btn:hover {
color: #fff;
background: #60b94e; 
}
.news-blog .single {
margin-bottom: 60px; 
}
.news-blog .single .image {
margin-bottom: 15px; 
}
.news-blog .single .date {
width: 100px;
height: 100px;
background: #60b94e;
float: left;
margin-right: 15px;
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: white;
line-height: 40px;
padding-top: 15px; 
}
.news-blog .single .date strong {
font-size: 60px;
display: block;
font-weight: 300; 
}
.news-blog .single .post-item {
overflow: hidden; 
}
.news-blog .single .post-item h2 {
margin-top: 0;
padding-top: 0; 
}
.news-blog .single .post-item h2 a {
color: #333;
text-decoration: none;
font-size: 24px;
line-height: 28px; 
}
.news-blog .single .post-item h2 a:hover {
color: #60b94e; 
}
.news-blog .single .post-item .post-info {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 5px;
margin-bottom: 10px; 
}
.news-blog .single .post-item .post-info a {
color: #999;
text-decoration: none; 
}
.news-blog .single .post-item .post-info a:hover {
color: #60b94e; 
}
.news-blog .single .post-item .details {
font-size: 14px;
line-height: 24px;
color: #666; 
}