fix: add grid template area for mobile health

2025-01-04 10:49:48 -06:00
parent ec2af41c96
commit ac211f165a
1 changed files with 3 additions and 2 deletions
@@ -351,7 +351,8 @@ p {
  display: grid;
  grid-template-areas:
  'header header header'
-  'abilities centercol saves ';
+  'abilities centercol saves '
+  'mobilehealth mobilehealth mobilehealth';
  grid-gap: 10px;
  /* background-color: rgb(226, 226, 226); */
  padding: 2px;
@@ -364,7 +365,7 @@ p {
 .mosh .stress {grid-area: stress;}
 .mosh .health {grid-area: centercol;}
@media screen and (max-width: 660px) {
-  .mosh .health {grid-area: 3 / 1 / 3 / 4;}
+  .mosh .health {grid-area: mobilehealth;}
 }
 .mosh .healthspread {width:96%;}