From 0128e7e58bbb1406abaedfca34263f08cdb7ea1a Mon Sep 17 00:00:00 2001
From: Frank McCready <fmccready@gmail.com>
Date: Sat, 4 Jan 2025 14:57:03 -0600
Subject: [PATCH] refactor: use container query

---
 css/mosh.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/mosh.css b/css/mosh.css
index c2dbeb2..1cb17c7 100644
--- a/css/mosh.css
+++ b/css/mosh.css
@@ -357,6 +357,7 @@ p {
   /* background-color: rgb(226, 226, 226); */
   padding: 2px;
   grid-template-columns: 238px auto 100px;
+  container-type: inline-size;
 }
 
 .mosh .abilities {grid-area: abilities;}
@@ -364,7 +365,7 @@ p {
 
 .mosh .stress {grid-area: stress;}
 .mosh .health {grid-area: centercol;}
-@media screen and (max-width: 660px) {
+@container (max-width: 610px) {
   .mosh .health {grid-area: mobilehealth;}
 }
 .mosh .healthspread {width:96%;}