Difference between revisions of "Template:Layouts/ImagesLeftContentRight/style.css"
From Pathfinder Wiki
DesignerThan (talk | contribs) |
DesignerThan (talk | contribs) |
||
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;
}
}