Template:Layouts/ImagesLeftContentRight/style.css

From Pathfinder Wiki
< Template:Layouts/ImagesLeftContentRight
Revision as of 23:42, 28 February 2021 by DesignerThan (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
#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;
	}
}