3,599
edits
Robin Hopper: Difference between revisions
m
Adjusting min-width on relationships
(Added CSS section + rejigging relationships section) |
m (Adjusting min-width on relationships) |
||
| Line 2: | Line 2: | ||
.reltitle { cursor:pointer; background-color: steelblue; padding: 10px; min-width: 470px; border-radius: 0 2em 0 0; color: white; margin-top: 1em; } | .reltitle { cursor:pointer; background-color: steelblue; padding: 10px; min-width: 470px; border-radius: 0 2em 0 0; color: white; margin-top: 1em; } | ||
.relationships-container { background-color: white; border-radius: 0 0 1.5em 1.5em; border: 3px solid steelblue; border-top: 0; display: flex; flex-flow: row wrap; justify-content: space-evenly; min-width: fit-content; padding: 1em;} | .relationships-container { background-color: white; border-radius: 0 0 1.5em 1.5em; border: 3px solid steelblue; border-top: 0; display: flex; flex-flow: row wrap; justify-content: space-evenly; min-width: fit-content; padding: 1em;} | ||
.relationships-entry { min-width: | .relationships-entry { min-width: 300px; margin: .5em; padding: 1.5em; background-color: #f0f0f0; border-radius: 1em; flex-basis: min-content; flex-grow: 1; } | ||
.relationships-portrait-box { margin-bottom: .5em; display: flex; justify-content: center; } | .relationships-portrait-box { margin-bottom: .5em; display: flex; justify-content: center; } | ||
.relationships-portrait { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; margin: 0 .25em; } | .relationships-portrait { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; margin: 0 .25em; } | ||