Difference between revisions of "Template:Layouts/ImagesLeftContentRight/style.css"
From Pathfinder Wiki
DesignerThan (talk | contribs) |
DesignerThan (talk | contribs) |
||
(One intermediate revision by the same user not shown) | |||
Line 9: | Line 9: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
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;
}
}