show posts with list view in home page

More specifically i want the list like this: https://ibb.co/ifLNMy
thanks

Hi @sdforever, it goes to a list view automatically on smaller screens. Did you want it to look like this on wider screens, too?

https://snag.gy/Uqucvk.jpg

yes. i just want to display the posts with list view in wider screens.

Also, I didn’t want to make any changes to other sections like; header, menu or other widgets.

Thanks

OK. Making just a list and aiming to keep everything else in place, you could try CSS like this:

@media (min-width: 768px) {
	.blog article {
		width: 100%;
	}

	.blog .entry-thumbnail {
		width: 32%;
	}
}

Hello supernova thanks for reply. Using your media query the list view is not appearing well-formed as in mobile view.

I already mentioned in the post above how exactly i want it to be shown.

I need the Date, post title and thumb like this: https://ibb.co/ifLNMy

Thanks.

Hello i made some tweak for styling the page.
But one problem still exist. The post title gets overflow as i increase the font size. How to make the post title appear in new line when it overflowing the content area. Thanks.

Here is the add css i applied:

@media (min-width: 768px) {
.blog article {
width: 100%;
padding-bottom:10px;
border-bottom:1px solid #f2f2f2;
}

.blog .entry-thumbnail {
width: 32%;
float:left;

}
.blog .entry-header{
width:0%;
float:left;
margin-top:5px;
margin-left:20px;
}
.blog .entry-title{
font-size:26px;
}
}