jetpack_related.css

gistfile1.txt

/** RELATED POSTS **/

#jp-relatedposts {
	width: 500px;
} 

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
	border-radius: 8px;
	border: 1px solid var(--border-color-main);
}

#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
	padding-bottom: 10px;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

@media only screen and (max-width: 640px) {
	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		width: 100%;
	}
	#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
		max-width: 60%;
	}
	
}

@media only screen and (max-width: 480px) {
	#jp-relatedposts {
		width: 100%;
	}
	#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img  {
		max-width: 100%;
	}
	#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
		padding-bottom: inherit;
		max-width: 100%;
	}
	h4.jp-relatedposts-post-title {
		padding-top: 8px
	}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		padding-right: 0;
	}
}

/** END RELATED POSTS **/