Difference between revisions of "Template:Layouts/ImagesLeftContentRight/style.css"

From Pathfinder Wiki
 
Line 17: Line 17:
 
#imgLeft-contentRight-container .image-caption {
 
#imgLeft-contentRight-container .image-caption {
 
text-align: center;
 
text-align: center;
 +
margin-bottom: 1em;
 
}
 
}
  

Latest revision as of 23:42, 28 February 2021

#imgLeft-contentRight-container {
	display: flex;
	flex-direction: column;
}

#imgLeft-contentRight-container .images-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#imgLeft-contentRight-container .images-container a.image img {
	border-radius: 10px;
}

#imgLeft-contentRight-container .image-caption {
	text-align: center;
	margin-bottom: 1em;
}

@media (min-width: 992px) {
	#imgLeft-contentRight-container {
		flex-direction: row;
	}
	#imgLeft-contentRight-container .images-container {
		flex: 0 0 25%;
		padding-top: .5em;
		justify-content: flex-start;
	}
	
	#imgLeft-contentRight-container .content-container {
		flex: 0 0 75%;
		padding-left: 1em;
	}
}