More actions
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
text-align: center; | text-align: center; | ||
} | } | ||
. | .image-wrapper img { | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
display: block; | |||
} | } | ||
.card-title { | .card-title { | ||
Revision as of 00:31, 25 May 2025
/* CSS placed here will be applied to all skins */
.carousel-container {
display: flex;
overflow-x: auto;
gap: 1rem;
padding: 1rem 0;
}
.card {
flex: 0 0 auto;
width: 200px;
border: 1px solid #ccc;
border-radius: 8px;
background: #f9f9f9;
overflow: hidden;
text-align: center;
}
.image-wrapper img {
max-width: 100%;
height: auto;
display: block;
}
.card-title {
font-weight: bold;
margin-top: 0.5rem;
}
.card-snippet {
font-size: 0.9em;
color: #444;
}
.no-display {
display: none;
}