From 579e12cfebce9a70ab2adf5842e2673673a707d2 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Thu, 11 Apr 2024 20:22:49 +0100 Subject: Blog post: Ex 29 --- public/css/base.css | 3 +++ public/css/blog.css | 4 ++++ public/css/hcard.css | 20 ++++++++++---------- 3 files changed, 17 insertions(+), 10 deletions(-) (limited to 'public') diff --git a/public/css/base.css b/public/css/base.css index 5e37f43..a22ca34 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -696,3 +696,6 @@ sub { display: none; } +.small-caps { + font-variant: small-caps; +} diff --git a/public/css/blog.css b/public/css/blog.css index 35aaa35..88f201a 100644 --- a/public/css/blog.css +++ b/public/css/blog.css @@ -2,3 +2,7 @@ font-style: italic; font-size: 80%; } + +article > aside { + width: 100%; +} diff --git a/public/css/hcard.css b/public/css/hcard.css index 7fa93d9..99431d9 100644 --- a/public/css/hcard.css +++ b/public/css/hcard.css @@ -1,21 +1,21 @@ .u-photo { - margin-inline: auto; - margin-block-end: 3rem; + margin-inline: auto; + margin-block-end: 3rem; } @media (min-width: 48rem) { - .h-card { - display: flex; - gap: 1rem; - align-items: center; - } + .h-card:not(.h-card--minimal) { + display: flex; + gap: 1rem; + align-items: center; + } .u-photo { - margin: 0; - } + margin: 0; + } } .u-photo { - width: 256px; + width: 256px; } -- cgit v1.2.3