(Add some buffer space between images; center as much as possible.) |
(Factor address styling to main CSS.) |
||
Line 21: | Line 21: | ||
max-width: 300px; | max-width: 300px; | ||
min-width: 150px; | min-width: 150px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 02:03, 29 October 2017
.rooster {
color: var(--dark-gray); display: flex; flex-flow: row wrap; justify-content: space-between; list-style-type: none; margin: auto;
}
.rooster > li {
margin: 0 auto;
}
.rooster > li > figure {
margin: 10px auto; padding: 0 5px;
}
.rooster > li > figure > img {
margin: auto; max-width: 300px; min-width: 150px;
}