Difference between revisions of "Template:Layouts/ImagesLeftContentRight/style.css"
From Pathfinder Wiki
DesignerThan (talk | contribs) |
DesignerThan (talk | contribs) |
||
| Line 9: | Line 9: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 21: | Line 17: | ||
#imgLeft-contentRight-container .image-caption { | #imgLeft-contentRight-container .image-caption { | ||
text-align: center; | text-align: center; | ||
| − | |||
} | } | ||
Revision as of 23:40, 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;
}
@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;
}
}
