fix: mobile view for additional info

- hide labels on small screens
martinhauke · Aug 16, 2024 · 24a0a2d · 24a0a2d
1 parent f6c020c
commit 24a0a2d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/RecipeMetaData.astro b/src/components/RecipeMetaData.astro
@@ -50,6 +50,11 @@ const {metaInformation, isCompactView} = Astro.props;
   .value {
     font-weight: bold;
   }
+  @media screen and (max-width: 800px){
+    .label {
+      display: none;
+    }
+  }
   .meta-information--compact-view {
     margin: 0;
     section {