From 85d8e2596405824617960f190c4c46a89f263d89 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Thu, 28 Dec 2023 11:11:03 +0000
Subject: [PATCH] Responsive layout

---
 hcard.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/hcard.css b/hcard.css
index 540b394..055f0ae 100644
--- a/hcard.css
+++ b/hcard.css
@@ -1,11 +1,21 @@
-.h-card {
-  display: flex;
-  gap: 1rem;
-  align-items: center;
+.u-photo {
+  margin-inline: auto;
+  margin-block-end: 3rem;
+}
+
+@media (min-width: 48rem) {
+  .h-card {
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+  }
+
+  .u-photo {
+    margin: 0;
+  }
 }
 
 .u-photo {
   width: 256px;
-  height: 256px;
 }