Template:Ferret mugshot/imagedisplay/styles.css

/* Styles for ferret grid list items */
.ferret-grid li {
    display: inline-block;
    width: 200px;  /* Ensures the container width is fixed */
    height: 220px; /* Ensures the container height is fixed */
    margin: 5px;
    list-style: none; /* Removes bullet points */
}

/* Styles for mugshot images (stretched to 200x200px) */
.ferret-grid li .mugshot-image {
    width: 200px;  /* Stretch the image to 200px width */
    height: 200px; /* Stretch the image to 200px height */
}

/* Prevent Valhalla emoji from stretching */
.ferret-grid li .valhalla-emoji {
    width: 30px;  /* Maintain small size for the emoji */
    height: auto; /* Keep the aspect ratio for the emoji */
}