diff options
Diffstat (limited to 'served/things/things.css')
| -rw-r--r-- | served/things/things.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/served/things/things.css b/served/things/things.css new file mode 100644 index 0000000..a97e227 --- /dev/null +++ b/served/things/things.css @@ -0,0 +1,57 @@ +#things { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 0.5rem; + row-gap: 0.5rem; +} + +.profile { + display: inline-block; + border: 1px solid var(--background-dim); + padding: 0.5rem; +} + +@media (max-width: 38rem) { + #things { + display: flex; + flex-direction: column; + } +} + +.profile-heading { + display: grid; + grid-template-columns: min-content 1fr; + column-gap: 0.5rem; +} + +.profile-heading img { + aspect-ratio: 1 / 1; + width: 5rem; + height: 5rem; + + grid-row: 1 / 3; +} + +.profile-heading h2 { + grid-column: 2; + align-self: flex-end; + font-weight: normal; +} + +.profile-heading h2>a { + color: inherit; + text-decoration: underline; + text-decoration-skip-ink: all; + text-decoration-style: dotted; +} + +.profile-heading h3 { + grid-column: 2; + font-style: italic; + font-weight: normal; + text-align: right; +} + +.profile p { + margin: 1rem 0 0 0; +} \ No newline at end of file |