Allow left column of syntax cards to take full width when there is no right column

Author: APickledWalrus

src/components/syntaxes/SyntaxBadge.astro

@@ -45,6 +45,6 @@ const { badgeProps, entries, wrap, description }: Props = Astro.props;
     }
     p[data-wrap="true"] {
         display: grid;
-        grid-template-columns: 1fr 3fr;
+        grid-template-columns: 8rem auto;
     }
 </style>

src/components/syntaxes/cards/DocumentationCard.astro

@@ -123,6 +123,9 @@ const isNew = documentation.since && documentation.since.join().includes(current
         grid-column: 2;
         grid-row: 1 / 3;
     }
+    .documentation-card:not(:has(> .right > *)) { /* when right column is empty, display left as one */
+        grid-template-columns: 1fr;
+    }
     .bottom {
         grid-column: 1;
         grid-row: 2;