3,599
edits
User:Kivik/sandbox2: Difference between revisions
m
Need to move title bar into container so that it remains min-width for content; Otherwise more-or-less good to go
m (Fiddling) |
m (Need to move title bar into container so that it remains min-width for content; Otherwise more-or-less good to go) |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
.relationships-title { background-color: steelblue; color: white; font-weight: bold; font-size: 1.5em; border-radius: 0 1em 0 0; padding-left: 1em; } | .relationships-title { background-color: steelblue; color: white; font-weight: bold; font-size: 1.5em; border-radius: 0 1em 0 0; padding-left: 1em; } | ||
.relationships-container { background-color: white; padding: .5em; border-radius: 0 0 1.5em 1.5em; border: 3px solid steelblue; display: flex; flex-flow: row wrap; justify-content: space-evenly; } | .relationships-container { background-color: white; padding: .5em; border-radius: 0 0 1.5em 1.5em; border: 3px solid steelblue; display: flex; flex-flow: row wrap; justify-content: space-evenly; min-width: fit-content; } | ||
.relationships-entry { min-width: 400px; margin: .5em; padding: 1em; background-color: #f0f0f0; border-radius: 1em; flex-basis: 25%; flex-grow: 1; } | .relationships-entry { min-width: 400px; margin: .5em; padding: 1em; background-color: #f0f0f0; border-radius: 1em; flex-basis: 25%; flex-grow: 1; } | ||
.relationships-portrait-box { text-align: center; margin-bottom: .5em; } | .relationships-portrait-box { text-align: center; margin-bottom: .5em; } | ||