Template:CardPages/styles.css
Template page
More actions
.main-container {
width: 25%;
height: 200px;
float: right;
margin: 20px 0;
border: 2px solid #910c0c;
display: flex; /* establish flex context */
}
.main-overlay {
display: flex;
flex-direction: column;
width: 100%;
height: 100%; /* lock to banner height */
padding: 10px;
box-sizing: border-box;
border: 4px solid #0c2f91;
}
.element-item {
flex: 1; /* equal vertical height */
margin: 5px 0;
background: #F54927;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.element-item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}