Difference between revisions of "Template:Layouts/ImagesLeftContentRight/style.css"
From Pathfinder Wiki
DesignerThan (talk | contribs) (Created page with "#imgLeft-contentRight-container { display: flex; flex-direction: column; } #imgLeft-contentRight-container .images-container { display: flex; flex-direction: column; jus...") |
DesignerThan (talk | contribs) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 9: | Line 9: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#imgLeft-contentRight-container .images-container a.image img { | #imgLeft-contentRight-container .images-container a.image img { | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | #imgLeft-contentRight-container .image-caption { | ||
+ | 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;
}
}