Template:Layouts/ImagesLeftContentRight/style.css
From Pathfinder Wiki
< Template:Layouts/ImagesLeftContentRight
Revision as of 23:38, 28 February 2021 by DesignerThan (talk | contribs)
#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 {
margin-bottom: .25em;
}
#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;
}
}